I've set up scrolltrigger to work on my homepage of my website, now i wanted to use it on a seperate page and nothing seems to happen, the top example works fine on homepage, i tried to use the same technique and nothing happens for a different page?
gsap.registerPlugin(ScrollTrigger);
gsap.to(".img3", {
scrollTrigger: {
trigger: "#coverhome",
start: "top 1%",
end: "+=100%",
pin: true,
scrub: 5,
},
opacity: .99
});
gsap.to(".bigtitle", {
scrollTrigger: {
trigger: "#scrollimg",
start: "top 1%",
end: "+=70%",
scrub: 2,
markers: true
},
opacity: 1
});