Scrolling navigation prototype issues

Hey everyone,

Firstly I wasn’t able to find a relevant thread but apologies if this has already been raised / resolved by other users.

I’m trying to prototype a tabbed navigation element, where the user clicks a tab and the content underneath the menu scrolls to the relevant position. I also want to have the relevant tab in the menu change from an inactive or hover state to the active state. I can get these things happening individually, but can’t seem to get them to work together. I’m using On Click > Scroll to for the navigation behaviour, and then using component variants for the inactive / hover / active states in the menu, but I think there is some limitations as the Click interaction to scroll to the content overrides the Click interaction to change the tab state.

This has been doing my head in for days so any help would be greatly appreciated, even if it’s telling me that this isn’t possible in Figma :joy:

1 Like