Sticky Nav & Scroll Sections in Framer (& Free File)

Описание к видео Sticky Nav & Scroll Sections in Framer (& Free File)

Hi everyone, in my first Framer tutorial, I’m demonstrating how to create a sticky nav bar for a one page design with scroll sections and key points to switch to active state of that section’s link in the nav. Here's the remix link for the Framer file: https://framer.com/projects/new?dupli...

Edit: I need to correct a small mistake, while switching to active states of links (@13:25) and applying "Scroll Variant" effect to the links, value of the "Start" property determines when to apply "scroll variant" effect, i.e. if you select "middle" option, that means "if the selected scroll section is in the middle of the viewport, make the variant change".

00:00 Intro
00:28 Static nav bar
03:38 Scroll sections
07:33 Link component
10:00 Dynamic links
11:37 Making nav bar sticky
13:25 Switching to active states of links

Don't forget to subscribe if you haven't already as I'm going to continue making tutorials and give it a like if you liked the content, thank you!

About Channel:
For suggestions, free designs review requests and all feedback:
uix.design.review at gmail.com

This is a channel that’s aiming to create really useful tips, techniques and "Can you check my design real quick and tell me what you think about it please?" kind of reviews about UI/UX design. In other words, minimally edited, friendly, honest (which is why I may sound harsh at times but if I'm reviewing your design, you need my opinions about the points/aspects to be improved more than what I like, right ;) design reviews and tips.

Music provided by HearWeGo (https://goo.gl/nDS3zR)
Artist: Nomyn
Title: Last Hope
Listen on YouTube:    • Nomyn - Last Hope    

Artist: MARION
Title: To The Stars
Listen on YouTube:    • MARION - To The Stars  

Комментарии

Информация по комментариям в разработке