Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

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 Instanz eines ScrollTimeline-Objekts.

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) darstellt, dessen Scrollposition den Fortschritt der Zeitleiste steuert.

axis Optional

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

Specification
Scroll-driven Animations
# dom-scrolltimeline-scrolltimeline

Browser-Kompatibilität

Siehe auch