Streaming live at 10am (PST)

How to reverse a sticky element to it's original position on up-scroll

Hi All,

I am working on creating a brand guideline site for my company and am excited to be building it in Webflow. I’ve ran through the Webflow 101 course and many of the additional Webflow university videos several times and have so far been able to figure most things out on my own. I am running into an issue I’m struggling to solve though, with a secondary navigation on the lefthand side of my page.

Currently, the way the page functions is on a down scroll the sites top nav hides and re-appears when a user scrolls up. The side nav follows the top nav as it leaves and comes to rest at a sticky position 63 pixels from the top of the page. However, when a user scrolls back up and the top nav returns I can’t figure out the best way to make the side nav return to its original position. I understand that it is responding to the main body and will only return to its original position when the page is scrolled to the very top but is there a way to override the sticky positioning on an up scroll to move the side nav back down relative to the top nav?


Here is my site Read-Only:
https://brand-guidelines-2020.webflow.io/brand-strategy

Here’s a true read-only link: https://preview.webflow.com/preview/brand-guidelines-2020?utm_medium=preview_link&utm_source=designer&utm_content=brand-guidelines-2020&preview=889f79ff9801c160c2846f231e96ff19&pageId=5f57d03e7fb5ff9af7ed925c&mode=preview