我为我的网站创建了一个简单的无限滚动,它在底部滚动时显示更多图像。它适用于 Chrome,但当我在 Internet Explorer 上测试它时,加载程序会多次显示结果。不知道哪里出错了。
这是我的 jQuery 代码:
$(document).ready(function(e){
$(document).scroll(function(){
if($(window).scrollTop() + $(window).height() == $(document).height()){
var pictureCount = $(".Picture-1A").length;
$.get('ajax/home-pagination.php', {off_set:pictureCount}, function(data){
$("#homeContent").append(data);
});
}
});
});
我将 off_set 发送到 php 页面,它将返回包含新图片的数据并将其附加到页面末尾
最佳答案
这应该有效:
首先对你的页面实现去抖动的cdn
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-throttle-debounce/1.1/jquery.ba-throttle-debounce.min.js"></script>
然后
在你的滚动函数中,像这样添加去抖动函数:
$(window).scroll($.debounce(100, function(){ /* function */ }));
希望这对你也有用。 :)
关于javascript - 无限滚动在 IE 中返回多个结果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29081324/