CSS `overscroll-behavior`

Das Modul CSS overscroll-behavior bietet Eigenschaften zur Kontrolle des Verhaltens eines Scroll-Containers, wenn seine Scroll-Position den Scroll-Grenzwert erreicht. Dieses Steuerelement ist besonders nützlich in Szenarien, in denen eingebettete scrollbare Bereiche nicht das Scrollen des übergeordneten Containers auslösen sollen.

Wenn Sie auf einem Blog kommentieren, stellen Sie möglicherweise fest, dass, wenn Ihr Kommentar die Länge des bereitgestellten <textarea> überschreitet, das Scrollen über das Ende des Textbereichs hinaus den gesamten Blog scrollen lässt. Dies liegt daran, dass das Erreichen des Endes eines scrollbaren Bereichs, bekannt als Scroll-Grenzwert, dazu führen kann, dass anderer Inhalt oder die gesamte Seite gescrollt wird. Dieses kontinuierliche Scroll-Erlebnis wird als Scroll-Verkettung bezeichnet.

In Situationen, in denen der Inhalt eines Elements größer als sein Container ist und overflow das Scrollen ermöglicht oder standardmäßig aktiviert ist (wie in <textarea>), wird das fortgesetzte Scrollen über den scrollbaren Bereich des Elements hinaus das Scrollen im übergeordneten Element oder auf der darunter liegenden Seite initiieren.

Umgekehrt kann das Scrollen durch die Allgemeinen Geschäftsbedingungen einer Website und das Erreichen des Endes des Inhalts, um ein Kontrollkästchen zu aktivieren, möglicherweise nicht dazu führen, dass die Seite scrollt oder springt (wie auf einem Telefon). Dieses Beispiel zeigt, dass Sie das overscroll-Verhalten steuern und die Scroll-Verkettung verhindern können.

Dieses Modul definiert das overscroll-Verhalten und ermöglicht Ihnen, die Aktionen zu spezifizieren, wenn ein Benutzer über die Grenzen eines scrollbaren Elements hinaus scrollt.