CSS-Overscroll-Verhalten

Das CSS-Overscroll-Verhalten-Modul bietet Eigenschaften zur Steuerung des Verhaltens eines Scroll-Containers, wenn seine Scroll-Position die Scroll-Grenze erreicht. Die Steuerung dieses Aspekts ist besonders nützlich in Szenarien, in denen eingebettete scrollbare Bereiche nicht das Scrollen des übergeordneten Containers auslösen sollen.

Wenn Sie einen Kommentar zu einem Blog schreiben, bemerken Sie vielleicht, dass wenn Ihr Kommentar die Länge des bereitgestellten <textarea> überschreitet, das Scrollen über das Ende des Textbereichs hinaus den gesamten Blog zum Scrollen bringt. Dies liegt daran, dass das Erreichen des Endes eines scrollbaren Bereichs, bekannt als die Scroll-Grenze, dazu führen kann, dass anderer Inhalt oder die gesamte Seite gescrollt wird. Diese kontinuierliche Scroll-Erfahrung wird Scroll Chaining genannt.

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

Umgekehrt, wenn Sie die Geschäftsbedingungen einer Website durchscrollen und das Ende des Inhalts erreichen, um ein Kontrollkästchen zu aktivieren, muss die Seite möglicherweise nicht scrollen oder hüpfen (wie auf einem Telefon). Dieses Beispiel zeigt, dass Sie das Overscroll-Verhalten kontrollieren und Scroll Chaining verhindern können.

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