代码之家  ›  专栏  ›  技术社区  ›  Sebastian Rush

jQuery无限ajax滚动触发/偏移问题

  •  0
  • Sebastian Rush  · 技术社区  · 12 年前

    我使用这个无限滚动插件 jQuery ias 它确实有很好的记录,并且在大多数情况下都能完美地工作。

    问题是,在滚动到容器底部之前会加载以下页面。我需要在到达底部时把它们装好。

    这是我的jquery部分:

    jQuery.ias({
        container : '.con',
        item: '.row',
        pagination: ".findopaginator",
        next: "a.flPageNext",
        loader: '<img src="/layout/cyt/img/pageloader.gif">',
        history: false,
        loaderDelay: 1000,
        thresholdMargin: 500, //this is important
        triggerPageThreshold: 3,
        trigger: "Nächste 30 Artikel werden geladen...",
        onRenderComplete: function(items) {...}
    });
    

    阈值裕度:

    默认情况下,当您滚动到最新项目时,IAS开始加载新项目 .item元素。thresholdMargin将被添加到项目的偏移中, 让您能够更早地加载新项目(请注意 在这种情况下,margin应该是一个负整数)。

    但积极的价值观是行不通的。

    也许有人也遇到了同样的问题,并找到了解决方案。

    1 回复  |  直到 12 年前
        1
  •  1
  •   Fieg    12 年前

    如果 thresholdMargin 大于总和(物品高度+物品偏移量),它永远不会达到它。我认为这是插件将来可以处理的事情,但在那之前你必须自己计算。