Jump to content
Search Community

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

myrumpel test
Moderator Tag

Recommended Posts

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

Link to comment
Share on other sites

  • myrumpel changed the title to 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) 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...