jquery - 猫头鹰旋转木马与 Masonry 冲突。绝对定位和溢出的东西

标签 jquery css masonry

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/

相关文章:

javascript - e.preventDefault() 表现不同

ios - View 的框架不改变

javascript - 为什么我的 masonry.js 元素相互重叠?

html - 在再次调整窗口大小之前不会触发 masonry 布局

javascript - Jquery 表单与选择器中的自适应表

jquery - 重定向时能够看到在所有页面上打开的对话框

基于窗口高度和第二个div高度的Javascript动态div高度

css - flex 方向 : row - children of same height

javascript - 单击输入字段的填充将光标设置在行首,而不是行尾

html - Angular 2 : input checkbox with label doesn't work in table