Wie mache ich ein Div nur mit CSS vertikal scrollbar?

Ein Div mithilfe von CSS vertikal scrollbar machen

Wenn Sie versuchen, ein vertikal scrollbares Div zu erstellen, legen Sie die CSS-Eigenschaft overflow fest: scroll; kann versehentlich sowohl horizontales als auch vertikales Scrollen ermöglichen. Um das Scrollen nur auf die vertikale Achse zu beschränken, ist es notwendig, die CSS-Eigenschaft anzupassen.

Korrektur der CSS-Eigenschaft

Die Eigenschaft overflow-x steuert das horizontale Scrollen , während overflow-y das vertikale Scrollen steuert. Um sicherzustellen, dass nur vertikal gescrollt wird, können Sie einen der folgenden Ansätze verwenden:

Erzwingen einer vertikalen Bildlaufleiste

Wenn Sie möchten, dass unabhängig davon immer eine vertikale Bildlaufleiste angezeigt wird Um die Höhe des Inhalts anzupassen, verwenden Sie:

overflow-y: scroll;

Dies erzwingt eine vertikale Bildlaufleiste, auch wenn der Inhalt die Höhe des nicht überschreitet div.

Bedingte vertikale Bildlaufleiste

Wenn Sie möchten, dass eine vertikale Bildlaufleiste nur angezeigt wird, wenn der Inhalt die Höhe des Div überschreitet, verwenden Sie:

overflow: auto;

Dadurch wird nur dann automatisch eine vertikale Bildlaufleiste hinzugefügt, wenn der Inhalt zu groß ist, um in die Höhe des Divs zu passen.

Das obige ist der detaillierte Inhalt vonWie mache ich ein Div nur mit CSS vertikal scrollbar?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!