Hi,
I am using Svelte in a project and a library called smoovyjs to handle scrolling interactions. Everything worked well until I tried to use scrollTrigger. I found many examples for other scrolling libraries like locomotive-scroll but I couldn't found any related fixed for my case. I hope if someone here can help me out.
I chose this smoovyjs library because it solves multiple use cases at once though it is not actively update. The library simply attaches two layers under the targeted div to scroll hijacking. Then when you scroll, transform3d applies and moves the div up and down.
Here is a demo,
https://svelte.dev/repl/68c6336850824771b4618c724cebe351?version=3.49.0
You can see that the markers are not moving when scrolling. It is supposed to move the section up when the element is in-view.
Appreciate any help.