隐藏CSS中的滚动条？

Question

我有这个菜单，当高度超过800px，你可以滚动，但是当小于800px，你不能滚动，但侧边栏出现。 我想知道如何隐藏它，而高度小于

.menu{ 
height: 
max-height:800px; 
overflow:scroll; 
overflow-x: hidden; 
    } 

Answer 1

您需要使用auto：

overflow:auto; 

这意味着滚动条只在必要时可见。

Answer 2

试试这个：

.menu { 
    box-sizing:border-box; 
    overflow:auto; 
    //other code... 
} 

Answer 3

设置overflow-x属性为自动，或者完全删除该属性如果不继承了它。

Answer 4

overflow: scroll总是在您的html中显示滚动条。
您可以使用overflow: auto代替scroll

.menu{ 
    height: auto; 
    max-height: 800px; 
    overflow: auto; 
    overflow-x: hidden; 
} 

Answer 5

试试这个代码

.menu { 
 
    height: max-height:800px; 
 
    overflow: auto; 
 
    overflow-x: hidden; 
 
} 
 

 
.menu ul li { 
 
    list-style-type: none; 
 
}

<div class="menu"> 
 
    <ul> 
 
    <li>menu</li> 
 
    <li>menu</li> 
 
    <li>menu</li> 
 
    <li>menu</li> 
 
    <li>menu</li> 
 
    <li>menu</li> 
 
    <li>menu</li> 
 
    <li>menu</li> 
 
    <li>menu</li> 
 
    </ul> 
 
</div>

Answer 6

溢出属性可以取不同的值，可以让你决定如何处理扩展内容超出容器的边界。 在这种情况下，您需要使用的是overflow: auto;。

请参阅此链接以供参考。 https://www.w3schools.com/cssref/pr_pos_overflow.asp

这是一个链接，你可以尝试不同的风格：Demo

Answer 7

添加的高度，“VH”，你的情况让周围95vh，然后溢出-Y：隐藏;