ScrollTimeline: ScrollTimeline() Konstruktor
Baseline 2026
Neu verfügbar
Seit Oktober 2026 funktioniert diese Funktion auf aktuellen Geräten und in aktuellen Browserversionen. Auf älteren Geräten oder in älteren Browsern funktioniert sie möglicherweise nicht.
Want more browser support for this feature? Tell us why.
Der ScrollTimeline() Konstruktor erstellt eine neue Instanz eines ScrollTimeline-Objekts.
Syntax
new ScrollTimeline(options)
Parameter
options-
Ein Objekt, das die folgenden Eigenschaften enthalten kann:
source-
Ein Verweis auf ein
Element, das das scrollbare Element (scroller) darstellt, dessen Scrollposition den Fortschritt der Zeitleiste steuert. axisOptional-
Ein enumerierter Wert, der die Scrollachse darstellt, die den Fortschritt der Zeitleiste steuert. Mögliche Werte sind:
"block": Der Scrollbalken auf der Blockachse des Scroll-Containers, die Achse, die senkrecht zur Textflussrichtung innerhalb einer Zeile verläuft. Für horizontale Schreibweisen, wie im Standard-Englisch, entspricht dies"y", während es für vertikale Schreibweisen"x"entspricht."inline": Der Scrollbalken auf der Inline-Achse des Scroll-Containers, die Achse, die parallel zur Textflussrichtung einer Zeile verläuft. Für horizontale Schreibweisen entspricht dies"x", während es für vertikale Schreibweisen"y"entspricht."y": Der Scrollbalken auf der vertikalen Achse des Scroll-Containers."x": Der Scrollbalken auf der horizontalen Achse des Scroll-Containers.
Wenn weggelassen, ist der Standardwert für
axis"block".
Rückgabewert
Eine neue Instanz eines ScrollTimeline-Objekts.
Beispiele
Siehe die Hauptseite von ScrollTimeline für ein Beispiel.
Spezifikationen
| Spezifikation |
|---|
| Scroll-driven Animations # dom-scrolltimeline-scrolltimeline |