EineScrollgrenze ist der Punkt, an dem ein scrollbares Element in eine bestimmte Richtung nicht weiter gescrollt werden kann, entweder oben oder unten (oder links/rechts für horizontales Scrollen). Dies ist typischerweise der Rand desScrollports.

Wenn der Inhalt einesScroll-Containers die Containergröße in der Scrollrichtung nicht überschreitet, wird der Container immer als an seiner Scrollgrenze betrachtet. Dies liegt daran, dass es keinen zusätzlichen Inhalt gibt, durch den gescrollt werden könnte. Wenn das Scrollen des Inhalts verhindert wird, etwa wennoverflow: hidden gesetzt ist, ist das Element kein Scroll-Container und es gibt daher keine Scrollgrenze.

Wenn die Scrollgrenze des Scrollports durch das Scrollen des Inhalts durch den Benutzer erreicht wird, kann ein visueller Effekt wie ein Bounce oder eine funktionale Aktion wie Pull-to-Refresh auf mobilen Geräten auftreten. Diese Standardverhalten im Browser wird alsBoundary Default Action bezeichnet.

Zum Beispiel verursacht auf mobilen Geräten das Herunterziehen einer Seite, wenn man sich bereits ganz oben befindet, einen Bounce-Effekt und löst manchmal eine Seitenaktualisierung aus. Dieser Bounce oder Refresh ist die Boundary Default Action.

Boundary Default Actions können lokal oder nicht lokal sein.

• Einelokale Boundary Default ist die Aktion, die an der Grenze eines bestimmten scrollbaren Bereichs auftritt, der auf dieses Element beschränkt ist. Diese Aktion wird alslokal angesehen, da sie keine Auswirkungen auf übergeordnete Container oder den Rest der Webseite hat.

• Einenicht lokale Boundary Default Action tritt auf, wenn das Erreichen der Scrollgrenze eines Scroll-Containers Auswirkungen über das spezifisch gescrollte Element hinaus hat. Ein Beispiel dafür ist dasScroll Chaining, bei dem das Erreichen der Scrollgrenze eines Elements das Scrollen in einem übergeordneten oder Vorfahren-Element auslöst und möglicherweise eine seitenweite Aktion initiiert, wie z.B. die Navigation.

Siehe auch

• overscroll-behavior CSS-Eigenschaft
• CSS Overflow Modul
• CSS Overscroll-Verhalten Modul
• CSS Scroll Snap Modul
• CSS Scroll Anchoring Modul