Link to a specific tab and section on that tab

Support
#1

Hi,

How can we use one URL to open specific tabs and scroll to a section by including a toggle hash for the tab and an ID for the section? Or how do we combine both within a single link? I tried ‘&’ symbol, but it didn’t work.

References for Tabs
Reference for One Page Nav

#2

Hello John,

Thanks for posting in! Both the Tab toggle and the scroll to anchor are using the same hash in the link URL. You can either link to a specific tab by way of the toggle hash or scroll to the element ID that is visible on the page, BUT not a combination of both. You may need a custom JavaScript to be able to do that. You can combined them in your link URL like:

https://example.com/#toggle-hash&scrollto=section-name

where;
#toggle-hash - the toggle hash of your specific tab
section-name - the element ID of your Section inside the tab.

You can use the above link URL structure as the basis for the JavaScript to accomplish what you have in mind. Be advised that custom coding is beyond the scope of our support. The above suggestion should be able to help you get started on how you can make it possible.

Best Regards.