it-swarm.com.de

Deaktivieren Sie die vertikale Bildlaufleiste bei Div-Überlauf: auto

Ist es möglich, nur eine horizontale Bildlaufleiste zuzulassen, wenn Überlauf verwendet wird: Auto (oder Bildlauf)?

100
jdborg

Mit diesen beiden CSS-Eigenschaften können die Bildlaufleisten ausgeblendet werden:

overflow-y: hidden; // hide vertical
overflow-x: hidden; // hide horizontal
206
Luke

Sie sollten nur verwenden

overflow-y:hidden; - Verwenden Sie dies, um die vertikale Bildlaufleiste auszublenden

overflow-x:auto; - Verwenden Sie diese Option, um den horizontalen Bildlauf anzuzeigen

Luke hat beide als versteckt erwähnt. also habe ich das separat angegeben.

38
Siva Charan

überlauf: auto;
Überlauf-y: versteckt;

Für IE8: -ms-overflow-y: versteckt;

Oder sonst:

m X auszublenden:

<div style="height:150x; width:450px; overflow-x:hidden; overflow-y: scroll; padding-bottom:10px;"></div>

m Y auszublenden:

<div style="height:150px; width:450px; overflow-x:scroll ; overflow-y: hidden; padding-bottom:10px;"></div>
18
Random Guy

Wenn Sie das Gleiche in Gecko (NS6 +, Mozilla usw.) und IE4 + gleichzeitig erreichen möchten, sollte dies meines Erachtens der Trick sein: V

body {
overflow: -moz-scrollbars-vertical;
overflow-x: hidden;
overflow-y: auto;
}

Dies wird auf das gesamte Body-Tag angewendet. Aktualisieren Sie es auf Ihr relevantes CSS und wenden Sie diese Eigenschaften an.

8
Nirav Mehta

Fügen Sie Folgendes hinzu:

body{
overflow-y:hidden;
}
1
Zeinab

Diese Regeln sind mit allen Browsern kompatibel:

body {overflow: hidden; }
body::-webkit-scrollbar { width: 0 !important; }
body { overflow: -moz-scrollbars-none; }
body { -ms-overflow-style: none; }
0
tamueka