窗口调整大小

Question

我的网站中存在同位素问题。我以为我已经解决了所有问题，但现在调整窗口大小时仍然存在问题。在调整窗口大小时，整个网格在页面上向下移动。当窗口大小改变时，通过重新布局来解决这个问题。触发.isotope（'layout'）始终将整个网格移动到页面底部。我的代码也实现了无限滚动，这就是为什么我在hiddenelem的孩子身上有这个部分。我也在使用bootstrap btw。

代码的（重要）部分：

  if (typeof g_Isotopegrid === 'undefined') {
                    g_Isotopegrid = $('.grid').isotope({
                            itemSelector: '.grid-item',
                            stamp: '.stamp',
                            masonry: {
                                columnWidth: 255,
                                gutter: 30
                            }
                        });                       
                }

              // Append all the hidden items to the visible items element
              hiddenElm.children().each(function () {
                var aItem = $(this);
                // Append the items to the visible div
                aItem.appendTo(visibleElm).imagesLoaded(function() {
                    g_Isotopegrid.isotope('appended', aItem);
                });

              });

感谢任何帮助！

Answer 1

在Bootstrap中，我从不设置静态宽度：

    masonry: {
    columnWidth: 255,
    gutter: 30
}

只是项目的课程：

    masonry: {
    columnWidth: '.grid-item',
    gutter: 30
}

使用Bootstrap时，对于项目宽度使用bootstrap的类更好。

Answer 2

问题是我们没有使用网格项的直接容器作为应用同位素的元素。