MadG Posted September 1, 2021 Share Posted September 1, 2021 Hi all, I have the following site - hyvolt.herokuapp.com - which I had asked some animation questions about the other day. I'm running into another issue now. The progress of the whole site above 1200px is controlled by scrollTrigger. I have a background .scroll-controller div that the scrollTrigger is looking at, then all of the content of my site is in a position:fixed div and moves left, right, up or down depending on the scrollTrigger. It's working perfectly fine on desktop, but not working on my fiancee's iPad. I've been able to hack it into working by setting position: absolute and z-index: 10000 on the scroll-controller div, but I have buttons within my content that need to be clicked and it's now covering those up. Any quick workarounds to make that div scrollable without having to move it to the very top of the z-index stack? Link to comment Share on other sites More sharing options...
MadG Posted September 1, 2021 Author Share Posted September 1, 2021 Nevermind, all. I was able to fix this issue just by getting rid of my scroll-controller div and putting the scrollTrigger directly on the body instead. Thanks! 3 Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now