Streaming live at 10am (PST)

Make a tab link also link to a different section on the page


I have a tabs element on my industries page and I was wondering if it is possible to have my tab links move the view port down to the tab content below. I tried to add a link block but that stopped the tab link from changing the content below.


Here is my public share link:

Cool tabs. So, you’re asking if the Tabs block would scroll to top to help display the contents of the tabs, correct? Great question. I’m wondering if you could add that to the Interactions for each tab, that way no matter what tab a user picks, it will scroll the Tabs block to the top.
I’m no master at interactions, but I’m looking forward to a solution if you find one. Let us know what you find out.

When coming across this problem, it is a good idea to think about why tabs are being used.

They are not a good design pattern with scrolling content.

This is a good read from a company that is known for deep studies of web elements and design.