Docs

[auldreekie]

I’ve added tabs to a page, but when a tab is clicked the whole page scrolls up and down. I’d like to prevent this from happening.

I’ve tried all the custom Javascript solutions suggested by X Support in various other support topics, but nothing works.

All relevant plugins are up to date.

Can you help?

[auldreekie]

This reply has been marked as private.

[Nabeel A]

Hi there,

Thanks for writing in! Please add the following jQuery script in your Customizer via Appearance > Customize > Custom > Edit Global Javascript

jQuery( function($) {
$('.vc_tta-tab a').on('click', function( e ){
    setTimeout( function() { 
    $('html, body').stop().stop();
        console.log('scrolling stopped');
    }, 100 );
});
});

strong>Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!

[auldreekie]

That works perfectly.

Thanks for the great support 🙂

[Rue Nel]

Hello There,

Thanks for letting us know that it has been useful to you.
Cheers.

[auldreekie]

Quick follow up on this – tabbed content is still scrolling in tablet/mobile view.

Is there a similar chunk of jquery to prevent this too?

[Rupok]

Hi there,

You can try updating the code a bit :

jQuery( function($) {
$('.vc_tta-tab a').off('touchstart touchend').on('click', function( e ){
    setTimeout( function() { 
    $('html, body').stop().stop();
        console.log('scrolling stopped');
    }, 100 );
});
});

Hope this helps.

Cheers!

[Author]

Posts