Options

Default options:

{
  repeat: false,
  mirror: false,
  threshold: 0.1,
  offset: {
    bottom: -40,
    top: 0,
    left: 0,
    right: 0
  }
}

root

Root container to observe. If not set, the window will be observed.

• Default: null
• Type: string

repeat

If true, the animation will be repeated every time the element enters the viewport, scrolling from the top.

• Default: false
• Type: boolean

mirror

If true, the animation will reverse when element leaves the viewport.

• Default: false
• Type: boolean

threshold

A number between 0 and 1 indicating the percentage of the element's visibility the observer's callback should be executed. 0.1 is 10% of the element.

• Default: 0.1
• Type: number

offset

Intersection offset. Use negative numbers to make the observed area smaller.

• Default: { top: 0, right: 0, bottom: -40, left: 0 }
• Type: object

{
  top: 0
  right: 0
  bottom: -100 // 100px from the bottom of the screen
  left: 0
}