navbar scorrevole

[Lorenzo Pezzi]

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:

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:

.fissa {position: fixed; top: 0px;}

ed ho trovato questo codice da implementare.

<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!

 

[filomeni]

Se usi bootstrap ti risolvi la vita... http://getbootstrap.com/2.3.2/index.html
ciao