Question

我有这个片段，单独使用jquery很好，当我尝试使用它与jquery移动它不能正常工作。当我预览页面即时创建使用波纹模拟器我说两个滚动条，一个在右侧，另一个在左侧。当我向左滚动（内容滚动）时，它不会激发更多内容（这就是问题），但是当我加载左边的内容时;底部或顶部（我必须滚动底部和权利）多次激发负载内容..

这是我使用的代码：

<script>
var currentPage = 2,
    loadThreshold = 20; //50px threshold used to define when it needs to load more items.

$( window ).scroll(function() {
  var windowHeight = $(window).height(),
      containerHeight = $(document).height(),
      contentCurrentTopPosition = $(document).scrollTop(),
      deltaDistanceToContentBottom = containerHeight - windowHeight - contentCurrentTopPosition;


    if (deltaDistanceToContentBottom < loadThreshold){
        getData(currentPage);
        currentPage++;
    }

});
  </script>

有什么想法吗？

Answer 1

我避免处理滚动事件;我更喜欢使用计时器：

updateTimer = setInterval(function() {
    var $w = $(window);
    if (oldw !== $w.width() || oldh !== $w.height() ||
            oldt !== $w.scrollTop()) {
        oldw = $w.width();
        oldh = $w.height();
        oldt = $w.scrollTop();
        ...
    }
}, 250);

使用jquery mobile在滚动底部“加载更多”

1 个答案: