[Page transitions not work on browser back button click]

Thank you for the reply. Unfortunately, preventing the back button is not the solution. Especially for mobile devices. That would be a very bad user experience.

[Page transitions not work on browser back button click]

Hi, I'm trying to create page transitions. Everything seems to be working fine but I discovered that when I use the browser's back button then the transition freezes. The browser goes back to the previous page but out animation hideLoad(); does not work. It just won't go away. I hope you understand what I mean. Sorry, I can't share the live webpage right now. CodePen only.

 

That's how it stays. I need to refresh the page to make it go away. Hopefully someone can help me.

 

 

Here is the full page demo: https://cdpn.io/pen/debug/VwryELd?authentication_hash=VJrxxRxOdGzr

 

 

See the Pen VwryELd by mrWilson123 (@mrWilson123) on CodePen

[scrollTrigger with smooth-scrollbar]

Now I see. Well explained. I would never have come up with it myself. I learned something today. Thank you very much.

[scrollTrigger with smooth-scrollbar]

Hi, 

 

I am trying to play with the code discussed in this topic. If you look at the example below, you will see that the image animation (scale) only works when the slider scrolls to the left. When the slider scrolls to the right, the image animation does not work. And here I am stuck. Unfortunately, I can't handle it myself. Can someone please show me what I'm doing wrong? Thank you.

 

See the Pen VwzeYwJ by Juku123 (@Juku123) on CodePen

[GSAP ScrollTrigger Horizontal Scroll Timeline Animation]

Thank you.

 

[GSAP ScrollTrigger Horizontal Scroll Timeline Animation]

On 6/11/2021 at 1:37 AM, akapowl said:

Since you are not actually scrolling horizontally but only just faking horizontal scroll-behaviour with a tween on vertical scroll, you can not use the horizontal property of ScrollTrigger and have to calculate the start and end yourself.

 

Here is the demo from the demos-section showcasing that

 

Is it possible to make it work even if you use multiple scrolling sliders on the same page?

[Nested Timeline Stagger]

Oh, so fast. Thank you very much!

[Nested Timeline Stagger]

Hi! How to make the same thing work in GSAP 3?