Hi, GSAP guys. Thanks in advance.
I have issue with scrolltrigger animation in website with mapbox gl.
The html element containing mapbox is located from the top after several elements.
It has some scroll trigger animation, but when I scroll down to that element, all the animation effects( of mapbox ) are already done, since the scroll triggered from the top of document.
How can I trigger scroll animation when mapbox is in viewport? The main page also has scroll animation( kind of main animation).
I think mapbox animation and main animation conflicts, but cannot figure out how to solve it.
If any idea, then please let me know.
Thanks for your time.