隐藏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属性设置为auto，如果未继承属性，则完全删除该属性。

Answer 4

[weakSelf.tableView beginUpdates]; [weakSelf.tableView endUpdates]; 始终在您的HTML中显示滚动条。
您可以使用overflow: scroll代替overflow: auto

scroll

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

在＆＃34; vh＆＃34;中添加高度，在你的情况下使其大约95vh，然后溢出-y：隐藏;