I want to add delay to scrollTrigger, is there anyway to do so?
Here's code:
useEffect(() => {
gsap.to(changeBg.current, {
scrollTrigger: {
trigger: changeBg.current,
markers: true,
scrub: 0.5,
start: "top 10%",
end: "bottom 90%",
},
backgroundColor: "black",
})
})
I don't want to apply this animation as soon as it triggers, but instead want to apply after some time. Can I do that?