ScrollTrigger not activating on different page

[Paulc112]

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

});

[Cassie]

Hi there Paul. There's nothing wrong with this GSAP code.

I would recommend adding some console.log() statements to see whether the any JS code is being run on the other page.

 

Good luck!