CSS scroll-behavior Eigenschaft
- Seite zuvor @scope
- Nächste Seite scroll-margin
Definition und Verwendung
Die scroll-behavior-Eigenschaft legt fest, ob der Benutzer, wenn er auf einen Link in einem rollbaren Rahmen klickt, sanft (mit Animationseffekt) zur Position scrollt oder direkt springt.
Beispiel
Fügen Sie dem Dokument einen glatten Scroll-Effekt hinzu:
html {
scroll-behavior: smooth;
}
CSS-Syntax
scroll-behavior: auto|smooth|initial|inherit;
Eigenschaftswert
| Wert | Beschreibung |
|---|---|
| auto | Standardwert. Ermöglicht einen direkten Sprung zwischen Elementen im Rollfenster. |
| smooth | Ermöglicht ein glattes "Rollen-Effekt" zwischen Elementen im Rollfenster. |
| initial | Diese Eigenschaft auf ihren Standardwert setzen. Siehe initial. |
| inherit | Diese Eigenschaft von ihrem übergeordneten Element erben. Siehe inherit. |
Technische Details
| Standardwert: | auto |
|---|---|
| Vererbung: | Nein |
| Animationserstellung: | Nicht unterstützt. Siehe:Animationsspezifische Eigenschaften. |
| Version: | CSSOM View Module (Arbeitsentwurf) |
| JavaScript-Syntax: | object.style.scrollBehavior="smooth" |
Browser-Unterstützung
Die Zahlen in der Tabelle weisen auf die erste Browser-Version hin, die diese Eigenschaft vollständig unterstützt.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 61.0 | 79.0 | 36.0 | 14.0 | 48.0 |
- Seite zuvor @scope
- Nächste Seite scroll-margin
