+ Rispondi alla Discussione
Risultati da 1 a 2 di 2

navbar scorrevole

Ultimo Messaggio di Norman il:
  1. #1
    User
    Data Registrazione
    Sep 2015
    Località
    Roma
    Messaggi
    20

    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.



    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!

  2. #2
    User L'avatar di Norman
    Data Registrazione
    Mar 2006
    Località
    Pisa
    Messaggi
    361
    In questo caso personalmente dovrei vedere la pagina in questione. L'idea è giusta: CSS e Javascript (volendo con jQuery).
    Klayz Community - GlaucoZega.com (Sviluppo Web)

+ Rispondi alla Discussione

^ Permessi di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •  
  • Il codice BB è Attivato
  • Le faccine sono Attivato
  • Il codice [IMG] è Attivato
  • Il codice [VIDEO] è Attivato
  • Il codice HTML è Disattivato
  • Trackbacks Attivato
  • Pingback Attivato
  • Refback Attivato

SEO by vBSEO 3.6.0 PL2 ©2011, Crawlability, Inc.