我正在尝试将元素的 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/