I am new to learn in GSAP ,
Can any one help me to solve this issue, I want to start my light when my fan start,
Both need to be same scroll start and scroll end.
Here is my code
gsap.registerPlugin(ScrollTrigger);
gsap.to("#fan", {
scrollTrigger: {
trigger: "#fan",
toggleClass: 'active',
scrub: true,
start:"top 85%", //when top of fan passes 75% viewport height
end:"bottom 45%", //when bottom of fan passes 25% viewport height
toggleActions:"play pause reverse pause"
},
perspectiveOrigin: "center 100vh",
ease: "none"
});
gsap.to(".lamp", {
scrollTrigger: {
trigger: ".lamp",
endTrigger: ".footer",
toggleClass: 'lampMove',
scrub: 1,
markers: true,
start:"top top-=850", //when top of fan passes 75% viewport height
end:"bottom top", //when bottom of fan passes 25% viewport height
toggleActions:"play pause reverse pause"
},
});