navbar scorrevole

[scartus]

navbar scorrevole

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.

[INDENT]

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.

Codice 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![/INDENT]

[norman]

In questo caso personalmente dovrei vedere la pagina in questione. L'idea è giusta: CSS e Javascript (volendo con jQuery).