Scroll jumps to top of the page after click button in Wordpress using ScrollSmoother

[Miguel Espinosa]

Hello, good morning

 

I am creating a website in Wordpress, where I have installed ScrollSmoother which is fantastic.

 

The problem I am finding is that when using a carousel and clicking the buttons to display the content, the scroll jumps to the top of the page (not the content in the first place) and when I scroll down again to continue browsing, the content jumps towards the top of the page. That is, the scroll loses its original position after clicking the button.

 

I tried putting a "#/" to the href to prevent the scroll from scrolling after the clicking the button, but this didn't work.

 

Also, I can't make a demo because it's a Wordpress installation, but if it helps I can add the link where it's hosted at the moment:

https://adcorp.mx/basavi/

 

Any help will be greatly appreciated. Thank you in advanced.

[Rodrigo]

Hi @mespinosa and welcome to the GreenSock forums!

 

First, thanks for being a Club GreenSock member and supporting GreenScok! 🥳

 

Is really hard to debug a live website, but still I was able to catch a few things. First you are using GSAP 3.11.1, please update to the latest version 3.11.3 and see how that works.

 

Also it seems that you are using a plugin for your accordion items (https://www.kadencewp.com/kadence-blocks/custom-blocks/accordion-block/). Have you tried some simple accordion stuff without a plugin and see if that causes an issue as well? I know it might not be the ideal situation, but I would look into that and also ask the folks that created the plugin if they can provide any orientation in that aspect.

 

These are my main suspects and unfortunately I can't more than this in terms of help without a reduced minimal demo that demonstrates that this happens when using only GSAP in order to isolate the problem as much as possible.

 

Let us know if you have any other question.

 

Happy Tweening!

[Miguel Espinosa]

Hi @Rodrigo,

Thank you for your kind message and help. Sorry, I wrote carousel when I really meant accordion.

 

I did what you recommended, about upgrading to GSAP 3.11.1 and the problem was immediately resolved, without the need to change or deactivate the plugin.

Thank you again very much for your help and time.

Cheers!

[Rodrigo]

Hey Miguel,

 

Glad that the issue was fixed 🥳 

 

You're more than welcome and let us know if you have any other question.

 

Happy Tweening!