ScrollToPlugin - click on a button stays halfway

[Alan Senderovich]

Hello everyone!

I have this code and when I click on the button, the animation of taking me to the next section stops halfway.
On desktop it almost reaches the next section, and on mobile it barely moves.
I need that when the button is clicked, it goes to the next complete section.
 

I will greatly appreciate any kind of help!

Thanks for your time!

See the Pen qBLQOKG by Alan-Senderovich-the-vuer (@Alan-Senderovich-the-vuer) on CodePen

[mvaneijgen]

Hi @Alan Senderovich 

 

You will have to map the location you want to scroll to to the total scroll distance of your ScrollTrigger. Check out gsap.utils.mapRange() function for that (https://greensock.com/docs/v3/GSAP/UtilityMethods/mapRange())

 

Someone asked something similar a view days ago, with the pen below as answer. Hope it helps and happy tweening! 

 

 

 

See the Pen bGOOZaV by mvaneijgen (@mvaneijgen) on CodePen