Question

所以，我尝试用jQuery无限滚动。问题是，一旦我向下滚动几个像素，该功能会激活50次，这对我的服务器产生了很大的影响，因为页面上有很多巨大的GIF。我被建议使用旗帜，但它似乎无法解决问题。

<script>
    $(window).data('ajaxready', true).scroll(function(e) {
        if ($(window).data('ajaxready') == false) return;

        if ($(window).scrollTop() >= $(document).height() - $(window).height() - 0) {
            $(window).data('ajaxready', false);
            var box = $("#maincontent");
                //Just append some content here
                $.get("more.php", function(data){
                box.html(box.html() + data);
                });
            $(window).data('ajaxready', true);
        }   
    });
</script>

实际的身体看起来像这样：

<body>
<div id="maincontent">
<?php
    include ('more.php');
    echo "ENDE<br>";
?>
</div>
</body>

more.php可生成足够的内容，以便在标准的全高清显示屏上完全填满整个屏幕。

编辑：据我所知，此代码应执行以下操作：当视口的底部边框点击文档的底部边框时，仅加载更多内容。这是期望的结果，但不是实际发生的结果。发生的事情是：每当用户滚动一个像素时，内容就会被附加。

尽管使用了旗帜，但无限滚动会频繁发生

0 个答案: