Esta es la implementación de una barra de navegación que se encoge al ir bajando a través de la página. Lo quise hacer debido a que hay varias implementaciones sencillas en JQuery, pero me pareció un buen y ligero ensayo para llevarlo a javascript puro.
El nav cambia cuando sale o entra de la sección hero, que abarca toda la ventana. Esto para que se aprecié la imagen en todo momento mientras se baja y que se presente con menor tamaño y sin mezclarse con la información al entrar en las secciones de contenido.
Recurso de imagen usado de Unsplash