我可以只使用Masonry.js获得“无限滚动”效果吗？

Question

我正在努力学习编写Tumblr主题的代码(我对Wordpress没有钱)，我想知道如何实现文章的“无限/无限滚动”(而不是分页)；我宁愿不使用两个主要的无限滚动脚本中的任何一个，因为infinite-scroll-js (由Paul爱尔兰语编写)文档相当丰富(我能够让它正常工作)，但我希望更多地控制这些帖子的加载方式，也就是说，Cody Sherman的无限滚动代码根本没有文档化，我也不知道它应该如何使用(这些变化很大的指令是由几个非编码者分发的，他们对Javascript的掌握程度不如我，这是在说些什么)。

我不知道任何Ajax，但我愿意根据需要阅读尽可能多的JS文档。在突然添加帖子时，我是否可以使用下面的序列，或者我是否需要像Paul爱尔兰语一样理解Ajax？

载：(指身体)

1. 获取所有的.post元素(带子元素)，从DOM中删除它们，同时将它们添加到一个基本上只是一个列表(数组)的变量中。JS术语？)员额数
2. 加载一些计算出来的帖子#(这可能是一个算法，可能是基于post的高度或什么的，或者可能是在它们出现时动态地测量它们)，当用户滚动到页面、正文或砖石容器的底部时，/add会将它们加载到砖石容器中，当用户滚动到页面、正文或砖石容器的底部时(还没有决定哪一个)

这是可信的还是我在浪费时间？

Answer 1

是的，您需要使用Ajax。下面是我如何在Wordpress上使用JQuery和实现的，但是在任何其他站点上都应该是非常相似的。我使用砌体函数附加来添加新的图片。您可以在jorarts.org上的图库中看到它的作用。

jQuery.ajax({
    type:"POST",
    url: "/wp-admin/admin-ajax.php",
    data: myData,
    success:function(response){
        jQuery("#LoadingImage").hide();

        if(response){
            var $newPics=jQuery(response).css({ opacity: 0 });;

            $newPics.imagesLoaded(function(){
                jQuery("#galleryPlaceholder").append($newPics).masonry( 'appended', $newPics, true );
                $newPics.animate({ opacity: 1 });
                jQuery("#galleryPlaceholder a").colorbox({rel:currCat, 
                    scalePhotos:true,
                    maxWidth:"90%",
                    maxHeight:"90%"});
            });
        }
    }
});

下面是JQuery Ajax文档https://api.jquery.com/jQuery.ajax/

Answer 2

On，jScroll是一个用于无限滚动的jQuery插件，由编写。对我来说听起来是另一个人！