Wie verstecke ich Bildlaufleisten mit CSS?

In diesem Artikel wird erläutert, wie Sie mit CSS die Bildlaufleiste der Seite ausblenden. Ich hoffe, dass er für Schüler, die CSS lernen, hilfreich sein wird.

Wie verstecke ich Bildlaufleisten mit CSS?

Wie verstecke ich die Bildlaufleiste, während ich weiterhin auf jedem Element scrollen kann?

Wenn Sie die Bildlaufleiste ausblenden und bei einem Überlauf des Inhalts anzeigen möchten, müssen Sie zunächst nur den Stil overflow: auto festlegen.

Wenn Sie die Bildlaufleiste vollständig ausblenden möchten, legen Sie einfach overflow: versteckt fest. Dies führt jedoch dazu, dass der Elementinhalt nicht scrollbar ist.

Bislang gibt es keine CSS-Regel, die es einem Element ermöglicht, die Bildlaufleiste auszublenden, während der Inhalt weiter gescrollt wird. Dies kann nur durch Festlegen des Bildlaufleistenstils für einen bestimmten Browser erreicht werden.

Firefox

scrollbar-width: none; /* Firefox */

dh Browser

-ms-overflow-style: none; /* IE 10+ */

Chrome- und Safari-Browser

::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}

(Empfohlenes Lernen: CSS-Tutorial )

Das obige ist der detaillierte Inhalt vonWie verstecke ich Bildlaufleisten mit CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!