Add to before </body> tag in page or project settings

Apply the required attributes

Required Elements

This component contains all elements related to this instance

Name

tr-scrollflip-element

Value

component

Optional settings for this element

distribute start times of multiple targets over this many seconds

Name

tr-scrollflip-staggerspeed

Value

0.2

stagger targets from start, center, end, or random

Name

tr-scrollflip-staggerdirection

Value

end

scale target into place instead of animating width and height

Name

tr-scrollflip-scale

Value

true

only run interaction at this screen size and larger

Name

tr-scrollflip-breakpoint

Value

992

Name

Value

Animate target from this origin element's size, position, and rotation

Name

tr-scrollflip-element

Value

origin

Optional settings for this element

Name

Value

Name

Value

Name

Value

Name

Value

Name

Value

Animate this target element back to its default position

If image, set max-width to none

Name

tr-scrollflip-element

Value

target

Optional settings for this element

Name

Value

Name

Value

Name

Value

Name

Value

Name

Value

Start interaction based on this element's scroll position

Example: when top of element reaches top of screen. Keywords: top, center, bottom, 75%. Apply to a child of component.

Name

tr-scrollflip-scrubstart

Value

top top

Optional settings for this element

Name

Value

Name

Value

Name

Value

Name

Value

Name

Value

End interaction based on this element's scroll position

Example: when bottom of element reaches bottom of screen. Keywords: top, center, bottom, 75%. Apply to a child of component.

Name

tr-scrollflip-scrubend

Value

bottom bottom

Optional settings for this element

Name

Value

Name

Value

Name

Value

Name

Value

Name

Value

Optional Elements

This position sticky element contains or is an origin / target element

Name

tr-scrollflip-sticky

Value

true

Optional settings for this element

Name

Value

Name

Value

Name

Value

Name

Value

Name

Value

Optional Settings

No items found.
No items found.