Skip to content
Documentation/MoveInViewDirective

Search documentation

Type to search the documentation.

Reference

MoveInViewDirective

Plays when the element scrolls into view, once or every time, using an IntersectionObserver.

Overview

Plays when the element scrolls into view, once or every time, using an IntersectionObserver.

Stable API — covered by semantic-versioning guarantees.

  • Kind: Directive
  • Stability: stable

Selector

[moveInView]

Inputs

Input Type Default Required Description
moveInView MovePreset | MoveKeyframes 'none'
moveInViewMargin string '0px'
moveInViewOnce unknown true Transform booleanAttribute; reads as boolean.
moveInViewRoot string | null null CSS selector for the IntersectionObserver root (for inner scrollable containers).
moveDuration unknown undefined Transform optionalTimeAttribute('moveDuration'); reads as number | undefined.
moveEasing string | undefined undefined
moveDelay unknown undefined Transform optionalTimeAttribute('moveDelay'); reads as number | undefined.
moveDisabled unknown undefined Transform optionalBooleanAttribute; reads as boolean | undefined.
moveSpring MoveSpring | undefined undefined