Sliding Menu interaction not triggering on anchored links

Design help Animations & Interactions
1

Hi all,
Please see my shared site: https://preview.webflow.com/preview/horizon-corporate?preview=c6daf421f78ed42e4dd71fd254b39657

I have the orange menu at the top slide to the a fixed position at the top when the white logo area scrolls out and back into view. It works beautifully when one starts at the top of any page and then scrolls up and down.

To see the problem I’m having, please try these steps:

  1. Go to “Success Stories” for example, and don’t scroll at all.
  2. Then go to “Company” and drop down to select “Horizon Team.”
  3. Since the link is jumping to an ID on that page, it’s bypassing the scroll trigger and leaving the orange nav bar fixed in its starting position.

Have I written the scroll interaction wrongly, or applied it to the wrong trigger element?

I’m stumped. Thanks for your help.

Edited to include this screenshot of the interaction of the white logo area at top which triggers the orange nav area below it.

Here is my public share link: LINK
(how to access public share link)

2

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.