Tab navigation that changes states and scrolls on click

Hi, I am trying to create a navigation bar with tabs that will change states to highlight the tab someone is on, while at the same time scrolling down to a certain point in a frame. So if a user presses “Tab 2”, then on click the tab is highlighted and the frame below scrolls to a certain point.

I tried creating the whole tab as a component with different states and then adding the component above the frame and adding the scroll on click to it. But once I add the scroll it overrides the state change.