javascript - 基于鼠标滚动的无限滚动

Question

想在鼠标到达指定容器底部时实现基于鼠标滚动的无限滚动。在搜索http://www.infinite-scroll.com/后，我来到了这个插件，它需要以下基本要求：

// infinitescroll() is called on the element that surrounds 
// the items you will be loading more of
  $('#content').infinitescroll({

    navSelector  : "div.navigation",            
                   // selector for the paged navigation (it will be hidden)
    nextSelector : "div.navigation a:first",    
                   // selector for the NEXT link (to page 2)
    itemSelector : "#content div.post"          
                   // selector for all items you'll retrieve
  });

即下一个和上一个选择器。我们可以基于鼠标滚动无限滚动而不是单击下一个，上一个链接，即当鼠标到达指定容器底部时，通过 ajax 加载内容

Answer 1

向滚动事件添加一个函数并检查您是否向下滚动到底部。您必须根据您的布局调整数字并稍微调整代码：

var $window = $(window);

$(document).ready(function () {

        $(window).scroll(function () {
            var scrollheight2;
            scrollheight2 = $window.scrollTop();

            if (($("#content").height() - scrollheight2) <= 100) {
                    //AJAX STUFF
            }
        });
    });