Question

我试图使滚动加载更新HTML包含使用Ajax，但我有以下错误。如果您有其他最佳方法，请告诉我。

代码：

   $(window).scroll(function() {

        if($(window).scrollTop() == $(document).height() - $(window).height() - $("footer").height()) {

        $.post("/php/post.php",
        {
            name: "aa",
            city: "bb"
        },
        function(data, status){
            $("#wall").append(data).masonry().masonry('appended', data, true).masonry("reloadItems").masonry("layout");

        });

        }


    });

当我将这个$(window).scrollTop() == $(document).height() - $(window).height() - $("footer").height()条件用于if条件时，它在某个时候不工作，它第二次工作时它不工作。

当我使用这个$(window).scrollTop() >= $(document).height() - $(window).height() - $("footer").height()条件时，如果我滚动到底部，它会立即加载多个，我想如果条件加载多个而没有更新以下条件但逻辑代码不是。

当用户滚动到页脚底部时，我想逐个加载。当用户滚动到页脚底部ajax加载一个HTML只包含并再次检查条件是否再次加载一个包含。

如何解决这个问题。如果你有更好的解决方案，请告诉我。你觉得这个https://github.com/infinite-scroll/infinite-scroll使用的是没有编码的更好的想法。

滚动以使用ajax和Jquery加载

0 个答案: