Title 1

o in my example everything moved based on the window hight, but for your example you probably want to tab in to the height of the element. You also want to offset the cards by the height of the menu bar (I’ve just set it to a random value for now) I personally Always like to use a timeline, to separate the ScrollTrigger from the animation logic and have found that a animation is never as simple as one tween and if it it there is always time to optimise later.You now could also look into having the sections snap when you’ve scrolled a little, check out the snap/snapTo properties in tLorem ipsum dolor sit amet, consectetur adipiscing Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Title 2

Etiam neque quam, lobortio in my example everything moved based on the window hight, but for your example you probably want to tab in to the height of the element. You also want to offset the cards by the height of the menu bar (I’ve just set it to a random value for now) I personally Always like to use a timeline, to separate the ScrollTrigger from the animation logic and have found that a animation is never as simple as one tween and if it it there is always time to optimise later.You now could also look into having the sections snap when you’ve scrolled a little, check out the snap/snapTo properties in tLorem ipsum dolor sit amet, consectetur adipiscing s a porttitor et, sollicitudin in felis.

Title 3

Great implementation! Seems to work great at my end, the only thing you’ll need to tweak now is the distances everything moves. So in my example everything moved based on the window hight, but for your example you probably want to tab in to the height of the element. You also want to offset the cards by the height of the menu bar (I’ve just set it to a random value for now) I personally Always like to use a timeline, to separate the ScrollTrigger from the animation logic and have found that a animation is never as simple as one tween and if it it there is always time to optimise later.You now could also look into having the sections snap when you’ve scrolled a little, check out the snap/snapTo properties in tLorem ipsum dolor sit amet, consectetur adipiscing elit.

Title 4

Great implementation! Seems to work great at my end, the only thing you’ll need to tweak now is the distances everything moves. So in my example everything moved based on the window hight, but for your example you probably want to tab in to the height of the element. You also want to offset the cards by the height of the menu bar (I’ve just set it to a random value for now) I personally Always like to ue a timeline, to separate the ScrollTrigger from the animation logic and have found that a animation is never as simple as one tween and if it it there is always time to optimise later. You now could also look into having the sections snap when you’ve scrolled a little, check out the snap/snapTo properties in tEtiam neque quam, lobortis a porttitor et, sollicitudin in felis.