Wie erstelle ich vertikal scrollende Divs mit CSS?

Vertikal scrollende Divs mit CSS

Das Erstellen eines vertikal scrollbaren Divs kann durch Verwendung der entsprechenden Überlaufeigenschaft erreicht werden. Die standardmäßige Überlaufeinstellung ermöglicht das Scrollen sowohl in horizontaler als auch in vertikaler Richtung. Um das Scrollen ausschließlich auf die vertikale Achse zu beschränken, ändern Sie die Überlaufeigenschaft wie folgt:

Nur ​​vertikales Scrollen:

In Fällen, in denen Sie immer eine vertikale Bildlaufleiste wünschen, auch wenn Der Inhalt passt in die Höhe des Div. Verwenden Sie:

overflow-y: scroll;

Dadurch wird unabhängig vom Inhalt eine vertikale Bildlaufleiste angezeigt Größe.

Dynamisches vertikales Scrollen:

Wenn Sie möchten, dass eine vertikale Bildlaufleiste nur bei Bedarf angezeigt wird, z. B. wenn der Inhalt die Div-Höhe überschreitet, verwenden Sie:

overflow: auto;

Diese Einstellung erstellt automatisch eine vertikale Bildlaufleiste, wenn der Inhalt die Höhe des Divs überschreitet, während sie ausgeblendet bleibt, wenn der Inhalt in die Höhe passt Grenzen.

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