Demo link (将窗口大小调整为 ~ 768px 宽度)
显然,在 masonry 元素中放置猫头鹰旋转木马 slider 会使它变得疯狂。正如您在调整浏览器大小时在链接中看到的那样。我想我发现了问题所在,但我不知道如何解决。如果稍微分析一下猫头鹰旋转木马,您会发现有一个 div 有一个 overflow:hidden 属性,如果您只想显示一个 slider 元素,这是关键。这是踢球者。该属性 overflow: hidden 在它的任何父项都处于绝对定位时不起作用。从字面上看,即使它嵌套在 15 个元素中,如果 body 是绝对定位的,也会发生明显的冲突。 有什么想法吗?
谢谢:)
最佳答案
我找到了解决您问题的方法。
onResize: function(){
setTimeout(function(){
var msnry = Masonry.data( '#imagesarea' );
msnry.layout();
},200);
}
希望对您有所帮助;)
关于jquery - 猫头鹰旋转木马与 Masonry 冲突。绝对定位和溢出的东西,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29023385/