Creare div posizionati assoluti che diventa fisso sul rotolo - è possibile?

Question

Ho avuto questa idea per un sito web per creare una barra di navigazione orizzontale fissa che scorre semplicemente attraverso il contenuto quando si preme le voci del menu, ma volevo avere una "introduzione" div in cima ad esso con un'immagine di sfondo e un logo, Diciamo di 300px altezza che viene visualizzata quando si carica per la prima volta la pagina.

Quindi la barra di navigazione apparirebbe attaccata alla parte inferiore di questa "introduzione" div e solo quando lo hai fatto scorrere oltre, sarebbe stata attaccata alla parte superiore della finestra e diventa fissata posizionata quando si è scrollata.

Se hai fatto clic su una determinata voce di menu o se si è semplicemente scavata fino all'inizio della pagina si collegherebbe alla parte inferiore della "Introduzione" Div di nuovo.

è possibile fare semplicemente semplicemente con CSS o dovrei usare JavaScript per raggiungere questo effetto?

Grazie in anticipo!

Answer 1

Penso che avrai bisogno di JavaScript per questo.Non sarà difficile comunque.L'unica cosa che devi fare è cambiare il posizionamento del menu per "fissare" quando il menu scorrerà altrimenti fuori dalla vista.