gpt4 book ai didi

javascript - 无限滚动在 IE 中返回多个结果

转载 作者:太空宇宙 更新时间:2023-11-03 23:19:59 24 4
gpt4 key购买 nike

我为我的网站创建了一个简单的无限滚动,它在底部滚动时显示更多图像。它适用于 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/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com