Question

我是无限滚动的初学者，我从不使用它。我试图在我的网站上使用此代码。当滚动到页面底部到页脚时，我试图获得警报。

我的主要目标是当网页滚动到Wall div的底部时，使用ajax和Infinite Scroll加载更多HTML包含。 <div id="wall"></div>。这个div有页面的底部和页脚的上方。所有HTML包含都应该附加，并在将来使用JQuery预先添加新内容。

Javascrip Code：

   $("#wall").infinitescroll({
    navSelector: "#next:last",
    nextSelector: "#next:last",
    itemSelector: "#content",
    debug: false,
    dataType: 'html',
    maxPage: 4,
    path: function(index) {
      return "index" + index + ".html";
    }

    }, function(newElements, data, url){
        alert("hi");
    });

我尝试使用此代码，以便在滚动到底部时请求获取警报，但它无效。

Ajax代码：

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

});

Ajax响应数据是HTML包含的。

如何使用Infinite Scroll for JQuery追加并使用ajax预先包含更多HTML？

当滚动到页面底部或滚动到Wall div的底部时，这些HTML是否包含加载？

如果您对砌体无限卷轴有一些教程网站，请告诉我。

Answer 1

首先，使用debug: true会显示当前设置中存在的任何问题。在不知道你正在使用的html的情况下，很难猜测，但你所有的选择器都存在，即：#next和#content？

这是一个有一个工作示例的小提琴： https://jsfiddle.net/pgh49735/

使用Masonry开始无限滚动

1 个答案: