隱藏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：隱藏;