Question

我在页面加载时预加载以下HTML

<div>Content for lazy load </div>
<div>Content for lazy load </div>
<div>Content for lazy load </div>
<div>Content for lazy load </div>
<div>Content for lazy load </div>
<div>Content for lazy load </div>

现在我现在每次向下滚动显示DIV标签的页面时都会加载内容，这样可以正常工作。以下是我正在运行的代码示例：

$(window).scroll(function() {
ajax funxtion(passing argumran div1) 
});

问题是，当我到达页面底部时，我必须再次向上滚动才能获得内容。

还有其他办法吗？

Answer 1

不要为每个滚动事件加载内容。每次滚动时检查文档的scrolltop值。如果它低于某个特定点，则加载您的内容。

这里有一些代码示例，其中有一些额外的控件用于＃34;在滚动时不加载＆＃34;等

 var lastScrollTop = 0;

 $(window).scroll(function () {

     var st = $(this).scrollTop();

      //load content if the user below %75 of the page
      if ($(window).scrollTop() + $(window).height() > $(document).height() * 0.75) {
           if (st > lastScrollTop) {
               //Get ContentGet
           }

            lastScrollTop = st;
      }                
 });

在Jquery中加载延迟

1 个答案: