Hey Jack, thanks for the response
This does help with the flashing, but I'm still getting this weird pining (as in the attached file).
This is the code that I'm using for the pinning:
var tl_start = gsap.timeline({
ease: "linear",
scrollTrigger: {
trigger: "#we-are",
pin: true,
start: "top",
end: "bottom",
scrub: 2,
anticipatePin: 1,
fastScrollEnd: true,
normalize: true,
end: "+=" + window.innerHeight * 3,
},
});
If the element is actually smaller than the screen, shouldn't it be pinned to the top? How could I fix that?
(This doesn't happen all the time, actually is very unpredictable when this will happen, this bug occurs when I'm scrolling up and down and also only happens on mobile)