HTML代码:
// 外层
<div class="outer-container">
<div class="inner-container">
<div class="content">
......
</div>
</div>
</div>
CSS样式:
.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;
}
转载摘抄于:
https://blog.niceue.com/front-end-development/hide-scrollbar-but-still-scrollable-using-css.html