Heim > Web-Frontend > CSS-Tutorial > Wie zeige ich die vertikale Bildlaufleiste in CSS immer an?

Wie zeige ich die vertikale Bildlaufleiste in CSS immer an?

Barbara Streisand
Freigeben: 2024-12-01 03:41:11
Original
277 Leute haben es durchsucht

How to Always Show the Vertical Scrollbar in CSS?

So stellen Sie die Sichtbarkeit der Bildlaufleiste auf allen Seiten sicher

Im Webdesign ist es wünschenswert, dass die vertikale Bildlaufleiste immer sichtbar ist, unabhängig von der Inhaltslänge der Seite. So erreichen Sie dies mit CSS:

html {
    overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll;
}
Nach dem Login kopieren

Dieser Code weist den Browser an:

  • overflow: -moz-scrollbars-vertical;: Anzeige vertikaler Bildlaufleisten erzwingen ( für Mozilla-basierte Browser).
  • overflow-y: scroll;: Aktiviert die Bildlaufleiste, auch wenn nicht genügend Inhalt vorhanden ist scrollen.

Dadurch ist die Bildlaufleiste jederzeit sichtbar und wird aktiv, wenn genügend Inhalt auf der Seite vorhanden ist.

Update: Wenn Wenn die obige Lösung nicht funktioniert, versuchen Sie es mit dieser vereinfachten Version:

html {
    overflow-y:scroll;
}
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWie zeige ich die vertikale Bildlaufleiste in CSS immer an?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage