Html - Overflow:hidden仍占用空间

Question

8

我有一个可滚动的div的问题。有一个div充当一个可滚动的容器（使用jquery插件）。该容器具有overflow:hidden样式。它按预期工作，但我注意到浏览器也有滚动条，这是我想要避免的。

我知道我可以完全在html body上禁用滚动，但我希望避免这种情况，因为这意味着对调整大小进行操作，这并不是一种优雅的解决方法。

我知道隐藏溢出与“display:none”相反，仍会占用空间。我正在寻找的是一种简单的方式来真正地隐藏我的溢出内容。谢谢。

- EhudFisher

overflow hidden 意味着超出定义大小的任何内容都不会占用空间 - 我认为你把它和 visibility hidden 混淆了。 - Pete

1

听起来你的插件需要 overflow: hidden 属性，这样它就可以添加自己的自定义滚动条了。尝试禁用插件并将 overflow: auto 属性应用于你的容器。 - antony

@antony：插件（mCustomScrollbar）确实需要overflow:hidden。但是，即使我禁用它并移动到overflow:auto（或scroll），它仍然占据页面上相同的空间。 - EhudFisher

1

你设置了容器的高度吗？你需要给它一个高度。 - antony

1

你能否发布一个 jsfiddle 或者隔离的代码来重现这个问题？ - cheryllium

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- mishan wavenet · Answer 1

你可以在你的容器周围添加另一个包装 div，并为其添加这个样式。

.wrapper{
   overflow: clip;
}