html - 如何隐藏滚动条

标签 html css

我正在尝试将元素的 overflow-y 设置为自动,同时高度为 100%,根据我从其他帖子中收集到的内容,我找到了将 overflow-y 设置为隐藏的解决方案。然而,这会在不需要的地方创建一个滚动条。

本质上,我想要实现的是让一个元素成为:

overflow-y: auto;
height: 100%;

因为 auto 属性允许隐藏滚动条,直到真正需要它为止。

提前致谢, PS:在此之前我确实环顾了 stackoverflow,但找不到具体的帖子。

最佳答案

这是一个非常简单的解决方案:

您只需要 2 个容器:一个外容器和一个内容器。

外层容器设置了宽度和高度,并带有 hidden 溢出。内部容器有一个高度集(不必是固定值,只要它从某处继承高度)

overflow-x:hidden;
overflow-y:scroll;

那么隐藏滚动条所需要做的就是将内部容器的宽度设置为大于外部容器的宽度。

fiddle 供引用---> http://jsfiddle.net/Lj110hb4/

关于html - 如何隐藏滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26017394/

相关文章:

css - 使文本在绝对定位 block 中居中

html - 将那个 ie6/7 错误命名为?

css - 如何定位一个 div ,紧挨着另一个 div 并在 dom 中所有其他元素的顶部。 jsFiddle 提供

html - 菜单在不应该的时候下降?

html - 在 Div 上叠加 Div

css - 嵌套在css3中

html - 将我的 'logon' div 放在我的页面上的更好解决方案

html - 如何测试 CSS 选择器性能?

css - 为什么不应用媒体查询规则之一?

html - Floated Div 正在外出并位于 Outline-container 下方