Create a web page with a transforming sticky navigation using Framer scroll animation

How to create a sticky nav in Framer that is not a component and changes depending on scroll section.

Enable captions to follow along as an instructed tutorial.

#Framer #WebDesign #NoCode #FramerChillOut

Get the template for free here 👉

For the same effect using scroll variants, check out this video 👉

Try Framer for free 👉

Don't forget to subscribe and thanks for watching!

Affiliate Disclosure:
As a Framer Partner, I may earn from qualifying plan purchases at no cost to you.

[followilko]

so there's no way to simply change values of that same nav bar? it's crazy to have 3 elements just for this

[its_uhama]

Please I need a video on how to make the navigations responsive I'm a new user to framer

[marinyt]

What if my navbar is inside a frame and the only option I can put is absolute?

[amaycieng_]

i cannot duplicate it, whenever add or make any fixed nav bar some of the website content overlaps with the nav bar

[yuvalm]

Bruh, I DON'T get it.. u selected "header" and change vh to 110? since when my header changed to vh? when i changed it to 110vh its like my nav bar :/