[How I can to save changes after animation play (ScrollTrigger)]

20 hours ago, Cassie said:

Are you maybe just trying to scrub an animation?

Like this?

 

 

Good day! I need it for hiding the title, when I scrolling to bottom, so that the button does not overlap the content. It's doesn't he help me)) Anyway, thank you for helping) 

[Why do the element's position is refreshed?]

I'm so sorry, that I did't add codepan, but, I hope that I could get a solve from you.

 

Please, watch the video. 

Button translate to right, and when scroll is stopped, buttons position became is zero.

 

I think it depends on the browser bars on top and bottom

 

 

 

[How I can to save changes after animation play (ScrollTrigger)]

Hello.

I have a task: I need to make an element, which can changes its properties, in dependency from scroll direction.

 

When I scroll to bottom, I need, that the element translates in X for 200%

When I scroll to top, the element comes back in default position, like in my example, BUT, in an iPhone it doesn't work.

 

In an iPhone:

I started scroll, the element is traslate to right,  after scroll, element reset my setting in x position and revert to zero position.

Could you tell me, how I can find a solve in this situation.

 

P.S. I`m not sure in my English, and if you don't understand me, I can write it little bit better for a comprehension

See the Pen VwEoJQW by myrumpel (@myrumpel) on CodePen