html – 如何隐藏div中的滚动条

发布时间：2020-12-14 19:46:20 所属栏目：资源来源：网络整理

导读：参见英文答案 Hiding the scrollbar on an HTML page20个 Hide scroll bar,but while still being able to scroll26个我已经创建了一个包含溢出内容可滚动的div,但是我希望它的滚动被隐藏但是div仍然可以滚动. .description{height:150px;overflow:scroll;}

参见英文答案 > Hiding the scrollbar on an HTML page 20个
> Hide scroll bar,but while still being able to scroll 26个
我已经创建了一个包含溢出内容可滚动的div,但是我希望它的滚动被隐藏但是div仍然可以滚动.

.description
{
    height: 150px;
    overflow: scroll;
}<div class="description"><h4>Description

最佳答案

您可以通过对其应用display：none来隐藏滚动条.尝试下面的CSS.

CSS：

::-webkit-scrollbar { 
    display: none; 
}

JSFiddle：https://jsfiddle.net/nikdtu/arn77mt1/

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!