::-webkit-scrollbar在手机端不管用。有没有其他办法?手机端手机端!!!!
试试
<div class="outer-container">
<div class="inner-container">
<div class="content">
</div>
</div>
</div>
.outer-container,.content {
width: 200px; height: 200px;
}
.outer-container {
position: relative;
overflow: hidden;
}
.inner-container {
position: absolute; left: 0;
overflow-x: hidden;
overflow-y: scroll;
}
/* for Chrome */
.inner-container::-webkit-scrollbar {
display: none;
}
同时设置 width
和 display
::-webkit-scrollbar {
width: 0px;
}
::-webkit-scrollbar {
display: none;
}
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
3 回答5.1k 阅读✓ 已解决
5 回答1.9k 阅读
1.在需要滚动的层scrollbar外再加一个层hide-scrollbar。
2.然后将这个层hide-scrollbar的overflow:hidden。
3.将层scrollbar的position:absolute,并且把需要滚动的那一边的大小设置刚好滚动条的大小(用calc实现)。