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:
e ho creato anche una classe .fissa cosi:
ed ho trovato questo codice da implementare.
Il problema è che no funziona nulla. Help!
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!