Creando DIV posicionado absoluto que se fija en el desplazamiento, ¿es posible?

Question

Tuve esta idea para un sitio web de la creación de una barra de navegación horizontal fija que simplemente se desplaza a través del contenido cuando presiona los elementos del menú, pero quería tener un DIV de "Introducción" encima de ella con una imagen de fondo y un logotipo, digamos de la altura de 300px que se muestre cuando cargue la página por primera vez.

Entonces, la barra de navegación aparecería unida a la parte inferior de este DIV de "Introducción" y solo cuando se desplazó más allá de él, se conectará a la parte superior de la ventana y se fijará en posicionamiento cuando se desplazó.

Si hizo clic en un determinado elemento de menú o si simplemente se desplaza hasta el inicio de la página, se adhirmaría a la parte inferior de la "Introducción" DIV nuevamente.

¿Es esto posible hacer simplemente con CSS o tendría que usar JavaScript para lograr este efecto?

¡Gracias de antemano!

Answer 1

Creo que necesitarás JavaScript para este.Sin embargo, no será difícil.Lo único que debe hacer es cambiar el posicionamiento del menú a 'fijo' cuando el menú se desplazará de la ventana.