ScrollTimeline: ScrollTimeline() Konstruktor

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Der ScrollTimeline() Konstruktor erstellt eine neue ScrollTimeline Objektinstanz.

Syntax

js
new ScrollTimeline(options)

Parameter

options

Ein Objekt, das die folgenden Eigenschaften enthalten kann:

source

Ein Verweis auf ein Element, das das scrollbare Element (Scroller) repräsentiert, dessen Scrollposition den Fortschritt der Zeitleiste steuert.

axis Optional

Ein enumerierter Wert, der die Scrollachse repräsentiert, die den Fortschritt der Zeitleiste steuern wird. Mögliche Werte sind:

  • "block": Die Scrollleiste auf der Blockachse des Scrollcontainers, die die Achse in der Richtung senkrecht zum Fluss des Textes innerhalb einer Zeile ist. Für horizontale Schreibrichtungen, wie im Standardenglisch, ist dies dasselbe wie "y", während es bei vertikalen Schreibrichtungen dasselbe wie "x" ist.
  • "inline": Die Scrollleiste auf der Inline-Achse des Scrollcontainers, die die Achse in der Richtung parallel zum Fluss des Textes in einer Zeile ist. Für horizontale Schreibrichtungen ist dies dasselbe wie "x", während es bei vertikalen Schreibrichtungen dasselbe wie "y" ist.
  • "y": Die Scrollleiste auf der vertikalen Achse des Scrollcontainers.
  • "x": Die Scrollleiste auf der horizontalen Achse des Scrollcontainers.

Wenn nicht angegeben, ist der Standardwert für axis "block".

Rückgabewert

Eine neue ScrollTimeline Objektinstanz.

Beispiele

Siehe die Hauptseite von ScrollTimeline für ein Beispiel.

Spezifikationen

Specification
Scroll-driven Animations
# dom-scrolltimeline-scrolltimeline

Browser-Kompatibilität

Siehe auch