Jump to content
Search Community

Scrolltrigger not working when preventing address bar from hiding on mobile

Arul test
Moderator Tag

Go to solution Solved by Arul,

Recommended Posts

Hi community, I have been facing an issue with scrolltrigger animation when preventing the address bar from hiding in mobile. I have replicated my HTML structure in the below codepen demo. I just wanted to keep the address bar visible always and able to trigger the animations on scroll.

 

After setting the overflow and position properties, the address bar is fixed now. But the scrolltrigger animations are not working as expected.

 

The animations are getting triggered only using scroll wheel and not by touch swipe.

See the Pen zYmydjq by arulpraba (@arulpraba) on CodePen

Link to comment
Share on other sites

Hi,

 

I just tested your example on an Android phone and an iPad and is working as expected, the address bar doesn't hide and all the animations start where the markers are added. Maybe I'm missing something here 🤷‍♂️

 

Happy Tweening!

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...