Prevent Autoscroll with "Tabs Responsive" plugin

[simeoned]

Hoping you guys can shed some light on something that is definitely happening only in Pro while using the “Tabs Responsive” plugin available from wpshopmart. For reasons that I don’t want to get into here, the client does not want to use the Tab element provided by Pro natively. The plugin demo can be seen here:

Tabs Pro Plugin For Wordpress - Best WordPress Tabs Plugin

Now, we are using the free version of this plugin which clearly does not offer what it calls the “Scroll Effect” - the ability for the page to scroll up to a tab when clicked as well as reveal the content of that tab at the same time. Again, using the version I have installed here, this should not be happening at all. And yet, it is.

If you go here: https://ltdev2021.wpengine.com/ you will see what I am talking about.

If you click on any of those tabs, the page will scroll up (past the sticky header no less) and just causes a bad experience in general. We want to prevent this entirely. When a tab is clicked, the page should remain stationary and the content should simply swap out for each tab. Pro seems to be making this extra scroll action happen.

I know it is Pro doing it for a couple of reasons…

1. I tested the exact same configuration in another site that does not use Pro and the tabs behave just as they do in the demo. No scroll effect.
2. I tested this exact configuration with a new install of Pro on another site which has nothing custom going on at all. Same problem there.
3. When a tab is clicked on the dev site I’m working with (https://ltdev2021.wpengine.com/), the URL is amended to include the hashtag, instance ID, and incremented tab number like this: https://ltdev2021.wpengine.com/#tabs_desc_195_1 Again, this should not be happening at all. And in my other test on sites not running Pro, it is not there. On the one’s who are running Pro, it is.

I believe the presence of this altered URL is what is causing the scrolling effect. Can you please have a look at this and tell me how to prevent this from happening? I will leave a secure note with credentials for the dev site too. Please let me know ASAP as this is the last thing the client needs before taking this site live.

Thanks!

[christian]

Hey @simeoned,

Yes, it is the jump link animation of our theme that is conflicting with 3rd party tabs and accordions that uses a hash link method.

There’s already a report on this in our issue tracker so it’s already in queue to be investigated by our development team.

For now, please use our builder’s Tab element as there is no temporary solution.

Thanks.

[simeoned]

Hi @christian
Well, honestly, that’s a disappointing answer…
Is there really no way to prevent default or something for links I want to specifically target and stop from triggering the scroll animation? There has to be a way.

Can someone else maybe look into this and make a suggestion as how this might be achieved? Please?
Thanks

[tristup]

Hi @simeoned,

Regretfully, there are no other options, otherwise, it has been suggested by my colleague. I would request you to go by the suggestion given by my colleague for now.

Thanks