I have a section with the height of 100vh and pin it as follows:
ScrollTrigger.create({
trigger: ".styleselectcontainer",
start: "top top",
pin: true,
pinSpacing:false,
});
Directly after that follows the next section with normal scrolling. How can I control that this section does not scroll directly above the pinned section when the pin fires? I want to achieve that the user has to scroll/swipe a little bit until the second section starts scrolling.