Hello @mvaneijgen,
Thank you for your prompt response!
I will also use the codepen you shared for my works thank you.
Your explanation helped me understand Scroll Trigger better.
I have reviewed the codepen example thank you for the comments it made it easier to understand.
Using your explanation, I have added some code to get the last section to snap the same when user scrolls down to it, as well if they scroll back up it should snap to div 3 inside of the horizontal container.
Here is the updated codepen
https://codepen.io/Alejandro-Bernal-the-builder/pen/KKYzwKE
My Approach to get the Last section to work as the header section and div 1
Now what I tried to do is using a scrolltrigger that starts at the bottom of the last section, since this is where I want to snap to at the end.
I tried:
Setting start at bottom bottom for Trigger as last-section div
Now I set end trigger as "horizontal_container" set it to top top since I want it to snap to the 3rd div as the user scrolls up
However, this approach does not seem to work.
I am seeing that I may not be placing my end trigger on the right section.
I also reviewed the docs to see if I can use the relative prefix to get my end trigger to be set on my 3rd div.
Would there be an eaiser way to set my end trigger at the end of the horizontal conatainer?
Thank you I hope I shared the codepen correctly.