CSS-Überscroll-Verhalten

Das CSS-Überscroll-Verhalten-Modul bietet Eigenschaften, um das Verhalten eines Scrollcontainers zu steuern, wenn seine Scrollposition den Scroll-Grenzwert erreicht. Die Kontrolle dieses Aspekts ist besonders nützlich in Szenarien, in denen eingebettete scrollbare Bereiche das Scrollen des übergeordneten Containers nicht auslösen sollen.

Wenn Sie einen Kommentar in einem Blog abgeben, könnten Sie bemerken, dass, wenn Ihr Kommentar die Länge des bereitgestellten <textarea> übersteigt, 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 Scrollerlebnis wird als Scroll-Kettenbildung bezeichnet.

In Situationen, in denen der Inhalt eines Elements größer ist als sein Container und overflow Scrollen erlaubt oder standardmäßig aktiviert ist (wie bei <textarea>), führt das Weiter-Scrollen über den scrollbaren Bereich des Elements hinaus zum Scrollen des übergeordneten Elements oder der zugrunde liegenden Seite.

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

Dieses Modul definiert das Überscroll-Verhalten, sodass Sie die Aktionen festlegen können, wenn ein Benutzer über die Grenzen eines scrollbaren Elements hinaus scrollt.