Table of Contents

Class ViewTimeline

Namespace
CSharpToJavaScript.APIs.JS
Assembly
CSharpToJavaScript.dll

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

[Value("ViewTimeline")]
public class ViewTimeline : ScrollTimeline
Inheritance
ViewTimeline
Inherited Members

Remarks

Pass a ViewTimeline 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, ScrollTimeline

See also on MDN

Constructors

ViewTimeline()

public ViewTimeline()

ViewTimeline(ViewTimelineOptions)

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

public ViewTimeline(ViewTimelineOptions options = null)

Parameters

options ViewTimelineOptions

Remarks

Properties

EndOffset

The endOffset read-only property of the ViewTimeline interface returns a CSSNumericValue representing the ending (100% progress) scroll position of the timeline as an offset from the start of the overflowing section of content in the scroller.

[Value("endOffset")]
public CSSNumericValue EndOffset { get; }

Property Value

CSSNumericValue

A CSSNumericValue.

Remarks

StartOffset

The startOffset read-only property of the ViewTimeline interface returns a CSSNumericValue representing the starting (0% progress) scroll position of the timeline as an offset from the start of the overflowing section of content in the scroller.

[Value("startOffset")]
public CSSNumericValue StartOffset { get; }

Property Value

CSSNumericValue

A CSSNumericValue.

Remarks

Subject

The subject read-only property of the ViewTimeline interface returns a reference to the subject element whose visibility within its nearest ancestor scrollable element (scroller) is driving the progress of the timeline.

[Value("subject")]
public Element Subject { get; }

Property Value

Element

An Element.

Remarks