在保持滚动的同时隐藏垂直滚动条
在保持滚动的同时隐藏垂直滚动条
提问于 2019-09-05 08:56:28
我希望我的div的垂直滚动条是不可见的，但仍然允许垂直滚动。
- 我试过使用
overflow-y: hidden，但这禁止滚动。 - 我尝试过webkit
element::-webkit-scrollbar，但这也会影响水平滚动条。
我本以为webkit的:vertical状态会允许我这么做，但它什么都不做。见codepen：(https://codepen.io/numberjak/pen/MWgOMqd)
其他的问题看两个滚动条，我只关心一个滚动条。
<div class="scroll"><div class="large-content"/></div>.scroll {
overflow: auto;
max-width: 20rem;
max-height: 20rem;
background-color: black;
}
.scroll::-webkit-scrollbar:vertical {
display: none;
}
.large-content {
min-width: 100rem;
min-height: 100rem;
background-color: red;
}回答 2
Stack Overflow用户
发布于 2019-09-05 09:04:09
试试这个css代码..。
css
.large-content {
background-color: red;
width: 100%;
height: 100%;
}Stack Overflow用户
发布于 2019-09-05 09:05:24
可以执行以下操作以隐藏滚动条：
-webkit- (Chrome，Safari，Opera更新版本)：
.scoll::-webkit-scrollbar { width: 0 !important; }-moz- (Firefox)：
.scroll { overflow: -moz-scrollbars-none; }-ms- (Internet +10)：
.scroll { -ms-overflow-style: none; }隐藏滚动条之前要考虑的要点：
- 最好只在所有内容可见时才隐藏滚动条，否则用户可以跳过内容。
- 避免在网页上进行水平滚动，不要隐藏水平滚动条，因为它们会使内容难以阅读。
- 如果有的话，隐藏卷轴是必需的:显示折叠上方的所有重要信息。用户通常会决定是否愿意停留在不滚动的情况下看到什么。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/57801862
复制相关文章
相似问题
腾讯云开发者
