CSS overscroll behavior
Das CSS overscroll behavior Modul bietet Eigenschaften zur Steuerung des Verhaltens eines Scroll-Containers, wenn seine Scroll-Position den Scroll-Grenzwert erreicht. Das Steuern 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 Blog kommentieren, könnte Ihnen auffallen, dass, wenn Ihr Kommentar die Länge des bereitgestellten <textarea>
überschreitet, das Weiterscrollen über das Ende des Textbereichs dazu führt, dass der gesamte Blog scrollt. Dies liegt daran, dass das Erreichen des Endes eines scrollbaren Bereichs, bekannt als Scroll-Grenzwert, dazu führen kann, dass andere Inhalte oder die gesamte Seite gescrollt werden. Dieses kontinuierliche Scroll-Erlebnis wird als Scroll-Kettenbildung bezeichnet.
In Situationen, in denen der Inhalt eines Elements größer ist als sein Container und overflow
das Scrollen ermöglicht oder standardmäßig zulässt (wie in <textarea>
), wird durch weiteres Scrollen über das scrollbare Gebiet des Elements das Scrollen im übergeordneten Element oder der zugrunde liegenden Seite eingeleitet.
Umgekehrt kann das Scrollen durch die Nutzungsbedingungen einer Website und das Erreichen des Endes des Inhalts, um ein Kontrollkästchen zu aktivieren, nicht dazu führen, dass die Seite scrollt oder hüpft (wie auf einem Telefon). Dieses Beispiel zeigt, dass Sie das Overscroll-Verhalten steuern und die Scroll-Kettenbildung 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.
Referenz
CSS-Eigenschaften
Glossarbegriffe
Leitfäden
- Lernen: Überlaufender Inhalt
-
Lernen Sie, was Überlauf ist und wie man ihn verwaltet.
Verwandte Konzepte
-
scrollbar
ARIA Rolle -
Containing Block Konzept
-
CSS overflow Modul:
overflow
Kurzform-Eigenschaftoverflow-clip-margin
Eigenschaftscroll-behavior
Eigenschafttext-overflow
Eigenschaft
-
Scroll-Container und Scrollport Glossarbegriffe
-
CSS scroll snap Modul:
scroll-padding
Kurzform-Eigenschaftscroll-snap-type
Eigenschaftscroll-margin
Kurzform-Eigenschaftscroll-snap-stop
Eigenschaftscroll-snap-align
Eigenschaft
-
CSSOM View Modul:
Element.getBoundingClientRect()
MethodeElement.scroll()
MethodeElement.scrollBy()
MethodeElement.scrollIntoView()
MethodeElement.scrollTo()
Methodescroll
Dokument Ereignis
Spezifikationen
Specification |
---|
CSS Overscroll Behavior Module Level 1 |
Siehe auch
- CSS scroll anchoring Modul
- CSS scroll snap Modul
- CSS box model Modul
- CSS logische Eigenschaften und Werte Modul