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

Eine Referenz zu einem Element, das das scrollbare Element (Scroller) darstellt, dessen Scrollposition den Fortschritt der Zeitleiste steuern wird.

axis Optional

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

  • "block": Der Scrollbalken auf der Block-Achse des Scroll-Containers, was die Achse in der Richtung senkrecht zum Textfluss innerhalb einer Zeile ist. Für horizontale Schreibrichtungen, wie Standard-Englisch, entspricht dies der Achse "y", während es für vertikale Schreibrichtungen der Achse "x" entspricht.
  • "inline": Der Scrollbalken auf der Inline-Achse des Scroll-Containers, was die Achse in der Richtung parallel zum Textfluss in einer Zeile ist. Für horizontale Schreibrichtungen entspricht dies der Achse "x", während es für vertikale Schreibrichtungen der Achse "y" entspricht.
  • "y": Der Scrollbalken auf der vertikalen Achse des Scroll-Containers.
  • "x": Der Scrollbalken auf der horizontalen Achse des Scroll-Containers.

Wenn weggelassen, wird axis standardmäßig als "block" gesetzt.

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