Tumblr博客,图片与Infinite Scroll与Masonry重叠

时间:2015-01-28 16:53:50

标签: jquery html css infinite-scroll masonry

我有一个Tumblr博客,我已经安装了Masonry和Infinite Scroll。我有问题:当我向下滚动页面时,一些图像会相互重叠。

这是我目前正在使用的代码:

<script type="text/javascript" src="http://static.tumblr.com/imovwvl/rSGl20lfv/masonry.js">
</script>
<script src="http://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
<script src="http://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
<script type="text/javascript">


$(window).load(function () {
$('.posts').masonry(),
$('.masonryWrap').infinitescroll({
navSelector : "div#navigation",
// selector for the paged navigation (it will be hidden)
nextSelector : "div#navigation a#nextPage",
// selector for the NEXT link (to page 2)
itemSelector : ".entry",
// selector for all items you'll retrieve
bufferPx : 10000,
extraScrollPx: 11000,
loadingImg : "",
loadingText : "<em></em>",
},

//将砌体称为回调。

function() { $('.posts').masonry({ appendedContent: $(this) }); }
);
});
</script>
<script type="text/javascript">$(window).load(function(){$("p").remove(":contains('Source:')");});</script>

我需要帮助,这是博客的链接,以便您可以看到问题,只需向下滚动http://allaricercadeltempoperduto.tumblr.com/

0 个答案:

没有答案