我目前有一个奇怪的错误。它只发生在Internet Explorer和Microsoft Edge上。
在第一页加载时，布局看起来很好，因为它需要。一旦你进入另一个页面，并且在你决定返回到砌体所在的上一页之后，布局就会被打破，重叠。
演示/编码：codepen.io/baidoc/pen/JbMBvX
，这是IE11上的视频演示： https://www.dropbox.com/s/l8eiwchb5yoiygg/bug_explained.mov?dl=0
非常感谢任何帮助 谢谢！
答案 0 :(得分：0)
您很可能需要使用imagesloaded，因为在调用砌体之前并非所有图像都已加载。将imagesloaded添加到您的网页，然后按照以下方式调用砌体：
$('.grid').imagesLoaded( function() {
$('.grid').masonry({
itemSelector: '.grid-item',
columnWidth: '.grid-sizer',
gutter: 20,
percentPosition: true
});
});