Jquery中的延迟加载
Jquery中的延迟加载
提问于 2014-09-18 15:28:01
我在页面加载时预先加载了下面的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)
});问题是，当我到达页面底部时，我必须再次向上滚动才能获得内容。
有没有其他方法可以做到这一点？
回答 1
Stack Overflow用户
发布于 2014-09-18 15:37:28
不要为每个滚动事件加载内容。每次滚动时检查文档的scrolltop值。如果它低于某个特定点，则加载您的内容。
下面是一些代码示例，其中包含一些额外的控件，例如“向上滚动时不加载”等。
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;
}
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25906697
复制相关文章
相似问题
腾讯云开发者
