특정 섹션을 스크롤 할 때 트리거 이벤트

Question

특정 픽셀 양이 아닌 특정 섹션으로 스크롤 할 때 이벤트를 트리거하고 싶습니다. 나는 가지고있다 :

$(window).scroll(function() { 
    var y_scroll_pos = window.pageYOffset; 
    var scroll_pos_test = document.getElementById ('resume');    

    if(y_scroll_pos > scroll_pos_test) { 
     $("#backgroundimages").removeClass("bkg1").addClass("bkg2"); 
    } else { 
    $("#backgroundimages").addClass("bkg1").removeClass("bkg2"); 
    } 
}); 

var "scroll_pos_test"를 고정 된 픽셀 양으로 변경하면 작동한다. 그러나 창 크기에 따라 항상 같은 수의 픽셀이 아닌 "다시 시작"섹션에 도달하면 이벤트가 트리거되기를 원합니다.

Answer 1

당신은 당신의 섹션의 offset 상단 확인할 수 있습니다

var offsetSection = $('.my_section').offset().top 

을하고 스크롤 리스너에 : 당신이 이미 사용하고있는 것 같습니다 이후

if(y_scroll_pos >= offsetSection) { 
    // Here 
} 

Answer 2

나는 당신에게 this jQuery plugin을 제안 할 수있다 jQuery.