siakaramalegos / clioandcalliope

New website design
1 stars 1 forks source link

Build nav interaction/transition from hero #17

Closed glynnis closed 6 years ago

glynnis commented 6 years ago

Build a navigation interaction that keeps the navigation on screen even when a user scrolls down past the hero image on the homepage.

This may be a helpful article on how to achieve such a menu using only CSS: https://scotch.io/tutorials/building-a-morphing-hamburger-menu-with-css

siakaramalegos commented 6 years ago

Also needs to include a style modification for the current link (like if on About page or in Specialties section)

siakaramalegos commented 6 years ago

See also this for sticky nav with vanilla js https://www.w3schools.com/howto/howto_js_navbar_sticky.asp