javascript – 在以特定速度滚动时,Masonry和Infinite Scroll打破布局

2023年2月25日 283次阅读

我有一个流畅的宽度主题,我使用的是jQuery Masonry和Infinite Scroll.问题是如果你以一定的速度(不是太快而不是太慢)滚动页面,它可能会导致网格中断.我在Firefox中只看到了两列：

任何人都知道为什么会这样吗？我知道这可能是一些事情,但如果有人有这方面的经验,并知道发生了什么,它将有很大帮助.

更新：
中断发生在页面上的最后一篇文章之后.接下来的是由无限滚动的回调生成的.

最佳答案 好吧,我无法看到您要查看的页面的链接(并且图像不可用),而是从我过去的砌体经验中看到,只要页面大小发生重大变化(重新调整大小,滚动,重新调整大小) divs)你需要再次触发它：

jQuery(document).ready(function() {
    jQuery("#somediv").click(function() {
        jQuery('#leftcol').toggle(700); //div resizing start here
        jQuery('#somediv2').toggleClass("minside");
        jQuery('#somediv').toggleClass("full"); // evoke again after change..
        jQuery('#container').masonry({
            itemSelector : '.item',
            columnWidth : 240
        });
    });
});
点赞