Javascript 使用没有分页标记的jQuery无限滚动插件?

Javascript 使用没有分页标记的jQuery无限滚动插件?,javascript,jquery,infinite-scroll,Javascript,Jquery,Infinite Scroll,因此,我正在尝试实现流行的inifnite滚动插件,以取代我目前自制的无限滚动脚本: & 无论如何,这个插件似乎需要在页面上有html分页。也就是说,由于这些选择: nextSelector: "div.navigation a:first", navSelector: "div.navigation", 页面上没有分页标记。我不在乎我的站点是否与爬虫/js禁用用户兼容 那么,有没有一种方法可以实现这个插件而不需要物理html分页呢 在我的自定义脚本中,我做了如下操作: var $page

因此,我正在尝试实现流行的inifnite滚动插件,以取代我目前自制的无限滚动脚本:

&

无论如何,这个插件似乎需要在页面上有html分页。也就是说,由于这些选择:

nextSelector: "div.navigation a:first",
navSelector: "div.navigation",
页面上没有分页标记。我不在乎我的站点是否与爬虫/js禁用用户兼容

那么,有没有一种方法可以实现这个插件而不需要物理html分页呢

在我的自定义脚本中,我做了如下操作:

var $page = 1;

// Load content for $page

$page++;

像这样的东西,也就是说,我可以作为一个整数传入起始页?

看看这个非常简化的无限滚动版本,它不需要任何分页元素


您可以使用jQuery/javascript轻松创建它

现在要为任何东西编写一个通用版本都有点困难,但主要原则是:

如果您正在加载最新的内容(最新的优先,较旧的滚动):

  • 加载第一组比屏幕高度稍高的元素(不管是博客、图片还是引用)。将最后一项的ID保留在变量中

  • 使用setInterval检测用户是否滚动页面,然后加载ID低于上次保存的ID的数据。然后继续保存最后一个ID并加载新内容

  • 祝你好运

    大概是这样的:

    function loadnewdata()
    {
        // do ajax stuff, update data.
    }
    setInterval(
      function (){
        if(($(document).height() - $(window).height() - $(document).scrollTop()) < 500){
        loadnewdata();
        }
      }, 
      500
    );
    
    函数loadnewdata()
    {
    //做ajax的事情,更新数据。
    }
    设定间隔(
    函数(){
    如果($(document.height()-$(window.height()-$(document.scrollTop())<500){
    loadnewdata();
    }
    }, 
    500
    );
    
    当然,您可以自己编写loadNewData()函数。取决于你的数据。
    如果用户已滚动页面,则每500次将加载一次新数据。

    我知道我可以自己完成,我已经完成了。但是我想用这个插件来代替它,因为它有很多其他的功能,还有jquery砌体集成,这在其他方面是很棘手的。然后我不确定我能帮上什么忙,甚至以前都没能让这个脚本工作。