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
            }
        });
    });

基于鼠标滚动的无限滚动

1 个答案: