如何检测用户是否在窗口末尾滚动？ [复制]

Question

即使用户从结尾滚动到开头，使用以下命令也会执行操作。我只想在用户垂直向下滚动时

if( $(window).scrollTop() + $(window).height() == $(document).height() ) {

     //do stuff
}

这是我目前的代码，

   function addEvent( obj, type, fn ) {


     if ( obj.attachEvent ) {
        obj['e'+type+fn] = fn;
       obj[type+fn] = function(){obj['e'+type+fn]( window.event );}
       obj.attachEvent( 'on'+type, obj[type+fn] );
    } else
      obj.addEventListener( type, fn, false );

   }
  addEvent(window, 'scroll', function(event) {

    if( $(window).scrollTop() + $(window).height() == $(document).height() )  {
    load();
    }

});

Answer 1

window.onscroll = function(e) {
    if ((window.innerHeight + window.scrollY) >= document.body.offsetHeight) {
        // do stuff
    }
};

Answer 2

这行得通：

$(window).scroll(function() {   
   if($(window).scrollTop() + $(window).height() == $(document).height()) {
       alert("bottom!");
   }
});

或者这个：

$(window).scroll(function() {   
       if($(window).scrollTop() + $(window).height() > $(document).height()) {
           alert("bottom!");
       }
    });

见How to detect user reached bottom of page while scrolling

你也可能对Infinite Scroll Paging using Jquery and Ajax感兴趣

Answer 3

试试这个

 $(window).scroll(function() {
    if ($(window).scrollTop() + $(window).height() > $(document).height()) {
        //your stuffs here
    }
});