虚假列和 masonry.js 不起作用

Question

我的作品集网站目前使用 masonry.js 以类似网格的方式显示帖子。虽然我最近遇到了一个我似乎无法摆脱的错误。如果您以较小的分辨率（调整浏览器大小或使用平板电脑/手机查看）访问我的作品集网站http://www.aerosphere.nl，并且不知何故，砌体块移动到导航菜单下方。

我尝试调整列的宽度，甚至将侧边栏移动到砖石块的右侧，但都没有成功。有人关心查看源代码和/或知道如何解决这个问题吗？

Answer 1

问题在于我没有为导航菜单和网站的砖石部分使用固定位置。 MasonryJS 使用固定位置来获得整体效果，并且在调整大小时，它会从屏幕的最左侧计算屏幕尺寸，因为它没有分配 x 坐标。

由于导航栏妨碍将整个事物定位在 x = 0 处，因此整个部分移动到导航栏下方。