Scroll-Container
Ein Scroll-Container ist eine Elementbox, in der der Inhalt gescrollt werden kann, unabhängig davon, ob Scrollleisten vorhanden sind oder nicht. Ein User-Agent fügt einer Elementbox Scrollleisten hinzu, um daraus einen Scroll-Container zu machen, wenn die CSS-Eigenschaft overflow auf scroll gesetzt ist oder wenn overflow auf auto gesetzt ist und der Inhalt den Container überläuft.
Wenn der Inhalt einer Elementbox seinen Begrenzungsrahmen überläuft, können Benutzer Scrollleisten verwenden, um durch den abgeschnittenen Inhalt zu scrollen, der ansonsten nicht sichtbar ist.
Ein Scroll-Container umfasst einen Scrollport und Scrollleisten.
Scrollport
Der Scrollport ist der sichtbare Teil eines Scroll-Containers und fällt mit der Padding-Box des Scroll-Containers zusammen. Die Scrollleisten werden verwendet, um den Inhalt in und aus dem Scrollport zu bewegen, damit der Inhalt angezeigt werden kann.
Siehe auch
- Lernen: Überlaufender Inhalt
- Scroll-Snapping, einschließlich Scroll-Snap-Container
- CSS-Überlauf Modul
- CSS-Overscroll-Verhalten Modul
- CSS-Scroll-Snap Modul