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
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 |