ho bisogno di realizzare quanto segue ma non ho idea di come si possa fare.
pensavo a javascript... qualche esperto mi aiuta per favore?

ho un div in cima alla pagina con un menu di navigazione, position fixed, widht 100%.
questo div deve
- sfondo nero sull hover... (facilmente fatto così: css div:hover background #000000)
- sfondo nero quando si scrolla in verticale la pagina... e questo è il problema

praticamente il div non ha sfondo ed è in primo piano (z-index 10000) quando la pagina è tutta scrollata in alto, iniziando a scrollare deve riempirsi lo sfondo in modo da evidenziarlo e non far sovrapporre il menu al testo della pag stessa.

per favore mi aiutate? anche per l'hover, se si potesse con js renderlo più soft rispetto all hover da css... grazie