Website web page started flickering on scroll after adding the smooth scroll javascript plugin in the website?

[iamanisierra]

I am adding the smooth scroll into my website. After adding the staging website my smooth scroll start flickring. Please let m eknow if there is any issue with it?

[iamanisierra]

This is my website url:
https://staging15.arch.anisierra.me/

[Rodrigo]

Hi @iamanisierra and welcome to the GSAP Forums!

 

Thanks for being a GSAP Club member and supporting GSAP!

 

Two things, first your live demo requests a user and password to access so we can't really see it.  Second, there is nothing we can do in a live website so it would be super helpful if you could create a minimal demo that clearly illustrates the issue. We don't need to see the entire project just a few coloerd divs that show the problem you're having. You can fork this codepen that loads all the bonus plugins:

See the Pen aYYOdN by GreenSock (@GreenSock) on CodePen

 

Also I see that you're using wordpress, maybe you're using elementor or another build plugin. Those can add extra styles like transition: all which will definitely collide with every GSAP animation as Jack explains in this thread:

 

Also be sure if the template you're using uses Bootstrap for the styles since it adds scroll-behaviour: smooth; to the html this can cause issues so you could look in to disabling this:

https://stackoverflow.com/questions/75366H493/disable-smooth-scroll-in-bootstrap-5-with-html-css-code

 

Hopefully this helps.

Happy Tweening!

[iamanisierra]

Thanks