Hi All, I am new to GSAP and inexperienced with javascript so please bear with me.
I am currently trying to make a Go To Top button that follows you down the page and when you click the button it brings you back to the top of the page and so far it has been working.... Unless you want to use it more than once. For some reason, I can't get it to play again after the first click.
I have been using timeLineMax and scrollTo to achieve this so far.
I have been trying something like this to fix it but no luck so if you can please point me in the right direction.
// GO TO TOP BUTTON
var goToTopTi = new TimelineMax({paused:true});
goToTopTi.to(window, 1, {scrollTo:{y:0}, ease:Power2.easeOut});
var isPressedGoToTop = 0;
document.querySelector("#goToTopButton").addEventListener("click", function(){
if (isPressedGoToTop === 0) {
goToTopTi.play().timeScale(1);
isPressedGoToTop++;
}
else {
goToTopTi.repeat().timeScale(1);
}
});
I also tried something similar with no "if" and just goToTopTi.play().timeScale(1); thinking it would simply play each time and no luck with that either.
Thanks in advance for all your help,
Tech Soul
P.S. I am not using jquery on this site for speed reasons in case your thinking the answer is a jquery thing
