Wie erstelle ich ein vertikal scrollbares Div nur mit CSS?

Vertikale Scrollbarkeit in einem Div mit CSS erstellen

Problem:

Ein Div-Elementsatz mit Überlauf: scroll ermöglicht horizontales und vertikales Scrollen. Wie können wir das Scrollen nur auf die vertikale Richtung beschränken?

Lösung:

Um ein Div mithilfe von CSS vertikal scrollbar zu machen, geben Sie die Eigenschaft „overflow“ zusammen mit „overflow-y“ an oder Überlauf-x.

Arten von Überlauf Eigenschaften:

• auto: Erstellt Bildlaufleisten, wenn der Inhalt die definierte Höhe oder Breite überschreitet.
• scrollen: Erzwingt Bildlaufleisten unabhängig von der Inhaltsgröße erscheinen.

Spezifische Verwendung Fälle:

Vertikale Bildlaufleiste immer anzeigen:

overflow-y: scroll;

Dies erzwingt die Anzeige einer vertikalen Bildlaufleiste, auch wenn der Inhalt die angegebene Höhe nicht überschreitet.

Vertikale Bildlaufleiste nur anzeigen, wenn Erforderlich:

overflow: auto;

Dies ermöglicht vertikales Scrollen nur, wenn der Inhalt die angegebene Höhe überschreitet. Wenn der Inhalt in die Höhe passt, wird keine Bildlaufleiste angezeigt.

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