Create a Scroll-Activated Sticky Navigation with JavaScript!

https://bit.ly/3xmQZWn - Become a frontend developer (50% off limited time!)
-- Want to learn UI/UX? https://designcourse.com​​​​​​​​​
-- Today, we'll be stepping into the world of frontend development to create a sticky navigation that's only sticky when a user scrolls UP! This tutorial was inspired by a Twitter thread from Chris Miller.

Check out Chris Miller:
Twitter: millertchris
https://prolificdigital.com/
Twitter: 1412052746270879750

Codepen demo for this tut:
https://codepen.io/millertchris/pen/x...

Let's get started!

#frontend #scroll #nav

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro's Twitter:             Twitter: designcoursecom

Join my Discord!                Discord: discord
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!

• #howto_style
• #scroll_navigation
• #sticky_navigation
• #javascript_navigation
• #javascript_sticky_nav
• #sticky_header
• #sticky_header_javascript
• #gary_simon
• #designcourse