Ciao a tutti!

Sto provando a fare una navbar che rimane trasparente fino a che non scrollo verso il basso, a quel punto cambia colore. Nel codice ho la navbar (realizzata con l'appoggio della libreria bootstrap) e sotto un video canvas con un effetto parallax che si verifica quando scorro verso il basso.
Il problema è che questo codice interferisce con la navbar, poiché quando lo rimuovo funziona correttamente tutto!

Credo che il problema riguardi i vari "overflow" che però non posso rimuovere altrimenti si sfasa tutto.
Lascio il link al fiddle del mio codice: http://www.bootply.com/GqBGRhbUev

Qualcuno sa come potrei risolvere?