Bildlaufleiste in CSS ausblenden?

Question

Ich habe dieses Menü, das, wenn die Höhe mehr als 800px ist, können Sie scrollen, aber wenn weniger als 800px ist, können Sie nicht scrollen, aber die Seitenleiste erscheint. Ich würde gerne wissen, wie es zu verbergen, während die Höhe weniger als

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

Answer 1

Sie müssen auto verwenden:

overflow:auto; 

Das bedeutet, dass die Bildlaufleiste nur sichtbar ist, wenn notwendig. Diese

Answer 2

Versuchen:

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

Answer 3

Set overflow-x Eigenschaft auf Auto oder die Eigenschaft sogar komplett löschen, wenn sie nicht vererbt wird.

Answer 4

overflow: scroll immer Bildlaufleiste in Ihrem HTML zeigen.
können Sie overflow: autoscroll statt

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

Answer 5

verwenden versuchen, diesen Code

.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

Die Überlauf Attribute verschiedene Werte annehmen können, mit denen Sie entscheiden, wie mit Inhalten beschäftigen, die sich jenseits der Grenze des Containers. In diesem Fall müssen Sie overflow: auto; verwenden.

Siehe diesen Link als Referenz. https://www.w3schools.com/cssref/pr_pos_overflow.asp

Und das ist ein Link, wo Sie verschiedene Stile ausprobieren können: Demo

Answer 7

die Höhe hinzufügen in "vh", in Ihrem Fall macht es um 95vh, dann Überlauf-y: hidden;