Docs

[Ivan W]

Hi there,

We have implemented the pageable container with several tabs on a page. This works great, however, we are also using a fixed menu across the top, when we now click on a tab in the pageable container the page scrolls up too high, ending up in the middle on the tab content.

Is there any code snippet we can add to prevent this from happening please?

In the attachments you can see the menu implemented with the links. In state2.png you can see how the page scrolls and ends up too far behind the menu.

If your require access to the page, I’ll add login details in a secure post in the comments below.
PS. We don’t want to update our deployment at this stage as for some reason your update breaks our intranet (See different post) and we have to restore from backups. So a code snippet or something equivalent would be appreciated.

Thanks for your reply!

[Ivan W]

This reply has been marked as private.

[Lely]

Hello Ivan,

Thank you for the credentials and screenshots. Unfortunately, I can’t find which page the issue exist. Can you give us the exact page URL with pageable container tabs?

[Ivan W]

Hi Lely,

As the previous post said it is https://sharepointgurus.net/our-work/valo/
The page is set to private, so you must be logged in to our admin area to be able to view it.

[Lely]

Hello Ivan,

Please try adding the following code on Appearance > Customize > Custom > Edit Global Javascript:

jQuery( function($) {

$(document).on('click', 'li.vc_tta-tab a', function( e ){
$('html, body').stop();
});
$(document).on('click', 'li', function( e ){
$('html, body').stop();
});
$(document).on('click', '.vc_tta-panel-title', function( e ){
$('html, body').stop();
});
});

Hope this helps.

[Ivan W]

Hi Lely,

That works for the first 4 tabs, from the 5th tab it starts jumping down again when you click on a tab 😮

Thanks for looking into this!

[Ivan W]

It works now. Thanks for your help Lely!

[Nico]

Happy to hear that.

Feel free to ask us again.

Thanks.

[Author]

Posts