How to create Sticky element on Scroll

[aaronocampo]

@Alex_Tokmakchiev

I thought that just because it was on a Webflow page they used Webflow to make it

Well, technically they’re using Webflow, you can see that here:

A custom embed is an element from Webflow

Although you can take another work around more “Webflowised” like this one I created here with the navigation bar:

https://preview.webflow.com/preview/gateway-club?preview=b423466796c72da845d376819b4ee671

http://cloud.ipagroup.co/oCL4

And here’s another approach similar to the one I did:

Static to Sticky Nav Demo

[image] I was playing around recently with this style nav where it starts below a hero portion at first and then becomes sticky once it reaches the top of the browser. I’m pretty pleased with the result and it’s all done in Webflow without custom code AND using only one navbar. How it’s made: 1 navbar (symbol) 2 different wrappers for the symbol (1 static, 1 fixed) Initial View interaction on the fixed wrapper to hide it on load 1 interaction on the hero div with 2 scroll triggers Trick is …

Let me know if that helps