vickybower

Found the issue Stupid idiot didn't name the id of the element correctly 🤪

I'm getting this console error which is being logged in the thousands. Not sure what I'm doing wrong I've created a demo on codepen with the issue here : https://codepen.io/Vickula/pen/dyroKbd all I want is for one of the notes to move along one of the lines of the Stave. Any help much appreciated.

I have created an animation which plays when a visitor lands on the home page. However if they navigate to another page then back to the home page, there is a quick flash of the end of the animation before it starts again. To get around this I am thinking of possibly setting a session cookie for the animation to only play on the first visit but I'm not sure how to do this. Any recommendations or help gratefully appreciated TIA.

Thanks for that and for the example. Much appreciated.

Hi I'm pretty new to GSAP - think its awesome and want to learn more. I've written this code which works how I want it to - I was just wondering if I could shorten the syntax further by using an array and wanted to know the correct syntax for it. TIA Vicky ScrollTrigger.create({ trigger: ".panel.four", start: "top 75%", toggleClass: {targets: "#stats-one", className: "show"}, }); ScrollTrigger.create({ trigger: ".panel.four", start: "top 75%", toggleClass: {targets: "#stats-two", className: "show"}, }); ScrollTrigger.create({ trigger: ".panel.four", start: "top 75%", toggleClass: {targets: "#stats-three", className: "show"}, }); ScrollTrigger.create({ trigger: ".panel.four", start: "top 75%", toggleClass: {targets: "#stats-four", className: "show"}, });