如果在一页html中有两个div，如何隐藏一个div的滚动条

Question

HTML：

<div class="container">
    <div class="mainContent"></div>
    <div class="sidebar"></div>
</div>

CSS：

#container {
    min-width: 1170px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

#mainContent {
    min-width: 1200px;
    width: 85%;
    float: left;
}

#sidebar {
    min-width: 200px;
    position: fixed;
    width: 15%;
    display: inline-block;
    margin: 0px 0px 5px 5px;
    vertical-align: middle;
    max-height: 810px;
    overflow: auto;
}

这里mainContent正在使用固定的侧边栏滚动。

我正在尝试使用overflow: auto分别为侧边栏指定滚动属性。 但我希望隐藏侧边栏的滚动条。只是隐藏不禁用滚动。

您能告诉我如何使用上述属性进行此操作吗？

Answer 1

你可以试试这个：

    #mySidenav {
        overflow-x: hidden; 
        -webkit-scrollbar{
        width: 0px;
        background: transparent;
    }