@akapowl, this combination worked perfectly thank you.
gsap.registerPlugin(ScrollTrigger);
let panels = gsap.utils.toArray(".panel")
panels.forEach((panel, i) => {
ScrollTrigger.create({
trigger: panel,
start: "bottom bottom",
pin: i === panels.length -1 ? false : true,
end:"bottom 100",
pinSpacing: false
});
});
ScrollTrigger.create({
snap: 1 / 5 // snap whole page to the closest section!
});
I just need work out how to turn off autoscroll if possible, when you release the scrollbar.