如何在jQuery无休止涡旋插件中停止顶部滚动加载
如何在jQuery无休止涡旋插件中停止顶部滚动加载
提问于 2016-08-24 22:53:45
我正试图为我的网站创造无限的循环。我使用的是jQuery无止境的涡旋插件。
<script type='text/javascript' src='/js/jquery.min.js'></script>
<script type='text/javascript' src='/js/jquery.endless-scroll.js'></script>
$(document).ready(function() {
$(window).endlessScroll({
inflowPixels: 300,
ceaseFireOnEmpty :false,
callback: function() {
var $img = $('#clmn-a .box:nth-child(4)').clone();
$('#clmn-a').append($img);
}
});
});一切都很好，但这个功能也是运行在上面的滚动。我希望只有当用户到达页脚附近时才加载数据。那么如何禁用jQuery中的顶级滚动加载--无限涡旋插件
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-08-25 07:20:40
试试这个：
$(document).ready(function() {
EndlessScroll.prototype.detectScrollDirection = function() {
var currentScrollTop;
this.didScroll = true;
currentScrollTop = $(this.target).scrollTop();
if (currentScrollTop > this.lastScrollTop) {
this.scrollDirection = 'next';
}
else{
}
return this.lastScrollTop = currentScrollTop;
};
$(window).endlessScroll({
inflowPixels: 300,
ceaseFireOnEmpty :false,
callback: function() {
var $img = $('#clmn-a .box:nth-child(4)').clone();
$('#clmn-a').append($img);
}
});
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/39134199
复制相关文章
相似问题
腾讯云开发者
