问题标签 [masonry]

我最近在我的网站上做了一些更改，从那时起 Masonry jQuery 插件有时会在父容器之外呈现元素（使用无限滚动） - 100% 的时间在其右侧：

我完全不知道是什么原因造成的，也不知道如何调试。这是一个大问题，因为当您继续滚动时，外部元素会返回到容器中 - 导致现有元素在渲染后重新定位，从而使网站非常难以使用。

您可以在这里查看问题：http: //il.memofish.com/dashboard

我制作了一个描述问题的视频： https ://www.youtube.com/watch?v=IcWhSRQiD68

谢谢你。

我不久前开始学习砌体。我想使用 Masonry 来布局我的网站，一切正常，但是有一个问题。

我做了一个调整窗口大小的代码。当有人调整窗口大小时，砌体布局将关键更改为页面宽度。我没有用 Masonry 做，所以我用这段代码做但是当我运行这段代码时，出了点问题，Masonry 布局改变了下一个窗口调整大小。我不知道问题出在哪里。

这是 jsfiddle 演示：演示

我有一个带有一堆卡片的页面。卡片的高度不同，因此我使用选择阴影 DOM，然后在其上调用 Masonry 以对具有不同卡片的高度产生堆叠效果。

问题是我在间隔上使用 ajax。ajax 成功数据为聚合物设置模型，然后 Masonry 中断。我尝试将超时设置为 100-200 毫秒，但有一小段时间盒子没有正确堆叠。比较这两个变量并有选择地改变事情可能会失控，但我还没有真正接近这个策略。

请指教。

我在我的投资组合中创建了同位素砌体布局，出于某种原因，所有图像都按大小排序。我有 4 种“尺寸”——大、小、水平和垂直。我可以控制哪个图像获得哪个类。我还在 Photoshop 中裁剪了图片，使宽度和高度匹配。

例如，我的大图是 100x100 像素，我的小图是 50x50 像素，水平是 100x50 像素，垂直是 50x100 像素。

一切都按应有的方式设置。我有容器，我的同位素功能目标，我有这样的类设置

出于某种原因，我的砌体非常……有序。首先是小图像，然后是垂直和水平，最后是大图像。布局是这样的：

我不知道为什么会这样？不能再随意一点吗？

同位素有这个功能吗？我在 wordpress 上，并且启用了投资组合插件。在其他情况下（没有砌体），图片没有顺序，我没有像这样设置它们。

我正在尝试使用 Wordpress 3.9 中内置的 Masonry 设置网格样式。它工作得很好，除了网格在第一个页面加载时无法正确显示，但在第二个页面上进行调整。我猜这是因为我没有调用ImagesLoaded，并且网格在图像加载之前计算。这是网站：http ://www.skateflix.se

为了启动砌体，我在函数中使用它：

我试过这个让 ImagesLoaded 工作但失败了，放在标题中：

我的 HTML 如下所示：

我在这里做错了什么？我有点困惑。wordpress 附带的 Masonry 版本是否包含 ImagesLoaded，还是我必须自己链接？

我已经在我的设计中包含了 Masonry 的 jQuery 插件，但它不是很有效。文档提供的 CSS 类简单地显示：

宽度：25%

为了我的目的，我将其更改为：

宽度：24% 浮动：左边距-右边：5px

这几乎是正确的（但不确定是否需要），但是插件的总体思路不起作用，因为您会看到左侧的两个大间隙没有插入到位。我不知道我的“项目”div 上的哪些其他属性可能需要更改？

我也在使用引导程序。

HTML

CSS

我用 Wordpress.org 建立了我的网站，主题名为 Imbalance2。我注意到这个主题有一个错误，并且由于 Masonry js，我搜索了有关重叠问题的主题。我使用imagesLoaded（来自用户 Leger 在Using masonry with imagesloaded，谢谢！）：它可以工作，但有时我的 Chrome 仍然重叠。我决定添加一个分页而不是“延迟加载”（以避免更多问题......）但我无法合并#boxes和 #related 的 imagesLoaded ......

请你帮助我好吗？这是我的网站地址

非常感谢您的宝贵时间！！！

我设置了cornerStampSelector 属性的同位素布局有问题，但.corner-stamp 元素似乎总是显示在左侧。我已经将 CSS 设置为 float: 就在这个元素上，但它似乎没有任何区别。这是我的 jQuery 代码：

CSS如下：

HTML

我一直在研究具有 Bootstrap 核心的网站，当我包含用于图像布局的砖石（+使用 Bootstrap 网格）时，此错误仅在 Chrome 上发生：

视频

但如果我禁用砖石过渡，一切都很好。

任何帮助将不胜感激。

我有一些麻烦。我正在使用这个插件“angular-masonry”（它在 Github 上）在页面上动态构建网格。当页面加载我得到这个：http: //joxi.ru/YBQPVP3JTJCwfIgLgbc

这是我的代码：

但调整浏览器窗口大小后，一切都变得正常，看起来像这样：http: //joxi.ru/iBQPVP3JTJCUfLnoqQQ

我认为该视图在 JSON 数据到达之前加载。谁能帮助并告诉我如何在数据到达后加载视图？或者如果您知道此类问题的另一个原因，请回复。

提前致谢。