I am trying to create a dynamic side navigation that follows and shows subsections only when in that specific section of the page. (See the left portion of screenshot below)
I used “scroll into view” triggers to hide/show different subsection list items when specific elements enter the viewport. (e.g. show the Discovery subsection when the first block of text appears, but hide that nav section if you scroll back up far enough that a specific image appears int eh viewport)
Unfortunately, the interactions only trigger the first time! This means, they appear when you scroll down, but they don’t disappear when you scroll back up to hit the other trigger.
I’m not sure why this is happening. How can I fix it so that each interaction triggers EVERY time a trigger element appears on screen?