Fullpage.js animation the page before going to the next page

[ahmedoabd]

 I am trying to make animation to the page that user will leave, so i have used this code to delay the scrolling to the next page so that the animation work before changing the page, the problem is that user have to scroll only once and wait for the animation to start and the page to change, and when i keep scrolling (using the mouse wheel or touch pad) the animation loops and never changed, you can see the code pen that i created, do not stop scrolling to understand what is the problem.

• what i what is to make animation when leaving the second page so when you at the second page and scroll down the animation start then the page changed.

• what is happening is when you scroll now the animation keep looping until the stop scrolling which is a bad user experience

See the Pen PopmYEx by amo4oma (@amo4oma) on CodePen

[GreenSock]

Hi @ahmedoabd. Unfortunately this definitely sounds like a fullpage.js question (I'm not at all familiar with fullpage.js) and we really try to keep these forums focused on GSAP-specific questions. I'd recommend asking the author of fullpage.js. 

 

If you have any GSAP-specific questions, we'd love to help!