I have a scrub animation, navigated by a Tags (scroll down arrow). When I navigate with the scroll down arrow, the scrolling switches to the rubber band scrolling. This weirdly only happens on mobile safari and isn’t reproducible on codepen…
Here’s a link to the page: Sample Page
Thank you for any hints or comments!
IMG_1229.MOV
The toggleClass did the trick for me. I added z-index:100 for the toggleClass, because pointer-events:auto didn't seem to work.
Thank you for your Answers!
Best Wishes
Pascal
I already posted a similar problem, but I later realised that the solution I received was not wo sufficient:
I have two scroll animations after each other. The Pin-Spacer of the first animation overlays the a tags at a certain scroll position and so there unclickable because they're overlayed by the pin-spacer. Is there any way I can make the a tags clickable? Mabe make the pin-spacer layer not blocking or something else. (if I enable pin Spacing the a tag gets clickable but then there's a huge white space between the two animations.)
Thank you for your answers!
I hava two scroll animations after each other. The a tag of the first animation is unclickable because it is overlayed by the pin-spacer of the second animation. Is there any way I can make the a tag clickable?. (if I enable pin Spacing the a tag gets clickable but then there's a huge white space between the two animations.
Any help or comment highly appreciated!