Jquery中的延迟加载
Jquery中的延迟加载
提问于 2014-09-18 07: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 07: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
复制相关文章
相似问题
jQuery中的延迟加载
jquery延迟加载
jQuery周期延迟加载
jQuery延迟加载插件
jquery -延迟加载设置
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
社区富文本编辑器全新改版！诚邀体验～
全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验
腾讯云开发者
