navbar scorrevole

Lorenzo Pezzi

Nuovo Utente
22 Set 2015
23
0
1
Salve a tutti volevo inserire un menu centrato a metà pagina. Quando poi viene effettuato lo scroll verso il basso, il menu si dovrebbe agganciare alla parte superiore della pagina, rimanere fisso in alto. tipo questo: http://www.milanoinazione.org/


Ho trovato questo codice che agisce sullo scroll ma non funziona.

il mio div menu è questo:
Codice:
div#menu { z-index:100; top:250px; left:0; width:100%; padding:15px 0;
		background:#000000; text-align:center;}
e ho creato anche una classe .fissa cosi:

Codice:
.fissa {position: fixed; top: 0px;}
ed ho trovato questo codice da implementare.

HTML:
<script type="text/javascript">
$(document).ready(function() {  var menu = $("#menu");
var posizione = menu.position();  // intercettiamo qui l'evento "scroll"             
$(window).scroll(function() {// "$(window).scrollTop()" ci dice di quanto abbiamo scrollato la pagina  
if ($(window).scrollTop() >= posizione.top) {     // abbiamo scrollato oltre il div, dobbiamo bloccarlo<br />     
 menu.addClass("fissa");} else {      // abbiamo scrollato verso l'alto, sopra il div, possiamo sbloccarlo<br />    
 menu.removeClass("fissa"); } });});
</script>

Il problema è che no funziona nulla. Help!