jsfiddle 내가 모르는</p> <p>... 바이올린

Question

Here is the jsfiddle

나는 scrolltop은 if 문에 지정된 값에 도달 할 때 클래스를 변경하려면 내부의 scrollTop 값을 얻는 방법 바보 무엇 실수는 내가이 일을 얻을 수 있음을 만들었

Answer 1

코드 문제 몇 가지가 있습니다 : 나는 jQuery를가있다고 생각하지 않습니다

• 은기능
• 당신은 두 번째 경우 $('#main' <에 누락 된 닫는 대괄호가 -, 당신은 당신이 주요의 scrollTop 값을 확인하는
• scrollTop 기능을 해제 브래킷을 놓친 경우 그와 함께 머무는 여기
• 를 - 그것은 것 스크롤하지 않으므로 항상 0이됩니다. 창을 스크롤하고 있습니다.

다음을 시도해보십시오 (주석 변경). 당신이 당신의 바이올린이를 사용하여 컨테이너를 검사하는 경우

$(window).on('scroll', function() { // change to scroll rather than onscroll 
    var scrollTop = $(this).scrollTop(); // get scroll top of the thing that is scrolling and cache for better performance 
    if (scrollTop > 100) { 
    $("#container").addClass("red"); 
    } else if (scrollTop > 500) { 
    $("#container").removeClass("red").addClass("blue"); // chain actions 
    } else { 
    $("#container").removeClass("red blue"); // you can pass two classes into this 
    } 
}); 

, 당신은