I'm new with scrollTrigger and I don't understand how I can pin elements inside my horizontal scroll section.
For example, in this codepen : I would like the scroll to stop when the number 3 (grey div) "touch" the left side of the screen.
And then the number 4 scroll above the number 3 section and the classic horizontal scroll continue.
I think it's possible, I hope, but I don't understand how to make it.
I hope my issue is clear, and someone could h
as always, to get something like that working, it is not one solution fits all, so you probably can not rely on the following demo to be working in every imaginable scenario. But I was curious myself on how get something like what you described working and came up with this following little concept.
It works properly ( even after resizes ), but if you wanted to do things differently, you would have to apply the changes yourself and figure out a way to get it running in