Class ScrollTimeline

Namespace

CSharpToJavaScript.APIs.JS

Assembly

CSharpToJavaScript.dll

The ScrollTimeline interface of the {{domxref("Web Animations API", "Web Animations API", "", "nocode")}} represents a scroll progress timeline (see CSS scroll-driven animations for more details).

[Value("ScrollTimeline")]
public class ScrollTimeline : AnimationTimeline

Inheritance

object

AnimationTimeline

ScrollTimeline

Derived

ViewTimeline

Inherited Members

AnimationTimeline.Play(AnimationEffect)

AnimationTimeline.CurrentTime

AnimationTimeline.Duration

object.GetType()

object.MemberwiseClone()

object.ToString()

object.Equals(object)

object.Equals(object, object)

object.ReferenceEquals(object, object)

object.GetHashCode()

Remarks

Pass a ScrollTimeline instance to the Animation(AnimationEffect?, AnimationTimeline?) constructor or the Element.Animate method to specify it as the timeline that will control the progress of the animation.

-Web Animations API
-CSS scroll-driven animations
-AnimationTimeline, ViewTimeline

See also on MDN

Constructors

ScrollTimeline()

public ScrollTimeline()

ScrollTimeline(ScrollTimelineOptions)

The ScrollTimeline() constructor creates a new ScrollTimeline object instance.

public ScrollTimeline(ScrollTimelineOptions options = null)

Parameters

options ScrollTimelineOptions

Remarks

-Web Animations API
-CSS scroll-driven animations
-ScrollTimeline
-AnimationTimeline, ViewTimeline

See also on MDN

Properties

Axis

The axis read-only property of the
ScrollTimeline interface returns an enumerated value representing the scroll axis that is driving the progress of the timeline.

[Value("axis")]
public ScrollAxis Axis { get; }

Property Value

ScrollAxis

An enumerated value. Possible values are:

Remarks

-ScrollTimeline
-AnimationTimeline, ViewTimeline
-Web Animations API
-CSS scroll-driven animations

See also on MDN

Source

The source read-only property of the
ScrollTimeline interface returns a reference to the scrollable element (scroller) whose scroll position is driving the progress of the timeline and therefore the animation.

[Value("source")]
public Element? Source { get; }

Property Value

Element

An Element.

Remarks

-Web Animations API
-CSS scroll-driven animations
-ScrollTimeline
-AnimationTimeline, ViewTimeline

See also on MDN