I’m a Muse refugee trying to recreate one of my old sites in Webflow and am stumped at how to get a div to stop scrolling once it reaches the top of the viewport.
You can see the effect on my old site here:
As you scroll down the page, once the navigation buttons on the right side reach the top of the viewport, they stop scrolling with the page and remain as persistent navigation. I’ve been told that the type of behavior I’m trying to create is called a “Sticky Element.”
Here is the same page on the recreated site thus far:
Here is the Read-Only link for the project:
Is there a way to achieve this in Webflow? If so, could someone advise me as to the steps involved? (I tried to figure it out using interactions, but without success.)
PS I have no idea why a graphic with the “New York Jazz Bands” logo replaced a plain URL that I typed. This logo and text is referencing another, different website of mine, which has a different URL than what I typed. However, if you click on the link in the graphic, it will take you to the site referenced in this post, not the site referenced in the graphic. I apologize for whatever confusion this adds to my question. I’m separately going to contact the company that’s hosting these two sites to try to figure out what’s causing this.