Animate target X by 100% of it's own width

Pinegrow Interactions Add-on
1

Hi,
I have a target ul that is the width of all of the inline LI’s inside. I want to do a pinned scroll scene to move it from 0% at the beginning, to -100% X so that it is offscreen. It seems to be using some other metric than it’s own width. When I find the right attribute to animate i would expect it to work on any width viewport.

thx for any help.
Mike

1 Like
2

should this work as the property for x:

“-”+${target.innerWidth}+“px”

3

@mmelon use the X% and Y% animation properties to transform by % of element own size.

Here is a quick example:

1 Like