scrollTop이 브라우저 간 문제를 일으키고 있습니다

Question

아래는 제가 페이지의 끝 부분에 있는지를 감지 할 수있는 자바 스크립트입니다 만, 인터넷 익스플로러 나 사파리에서 실행 중일 때 똑같은 스크립트가 잘 동작하고있을 때 두 번 실행됩니다 파이어 폭스와 크롬. 그것이 잘못되었을 수도있는 곳을 알아낼 수 없습니까?

$(window).scroll(function() { 
    if ($(window).scrollTop() + $(window).height() == $(document).height()){ 
     somefunctionCall(); 
    } 
}); 

Answer 1

스크롤 이벤트는 사용하지 않는 것이 좋습니다. 참조 : http://ejohn.org/blog/learning-from-twitter/

Answer 2

인터넷 탐색기에서 스크롤 할 때 스크롤 이벤트를 여러 번 실행할 수 있습니다. debounce (underscoreJs 또는 jQuery)를 사용하여 이벤트가 너무 자주 발생하지 않도록 할 수 있습니다.

예 :

$(window).scroll(jQuery.debounce(100, function() { 
    if ($(window).scrollTop() + $(window).height() == $(document).height()){ 
     functionCall(); 
    } 
}));