Question

我为我的网站创建了一个简单的无限滚动，在底部滚动时显示更多图像。它适用于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页面，该页面将返回带有新图片的数据并将其附加到页面的末尾

Answer 1

这应该有效：

首先在您的网页上实施防弹跳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 */ }));

希望这对您也有用。：）

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

1 个答案: