scrollTop给我跨浏览器的问题

Question

Below is my JavaScript for detecting if I am at the end of a page, but it is fired twice when I am running it in internet explorer or safari, while the same script is working fine in firefox and chrome. I am not able to figure it out where it might have went wrong?

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

Answer 1

In Internet explorer the scroll event can be fired multiple times when scrolling. You can use debounce (underscoreJs or jQuery) to make sure the event isn't fired too often.

Example:

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

Answer 2

It is discouraged to use the scroll events. See: http://ejohn.org/blog/learning-from-twitter/