Visualizzazione dei risultati da 1 a 4 su 4
  1. #1

    menù che cambia in automatico con movimento barra scorrimento

    Ciao a tutti,

    provo a chiedere consiglio a voi dopo una luuunga ricerca sul web invano

    Dovrei realizzare un menù un pò particolare...
    il menù ha 4 voci, se l'utente clicca su una voce la voce si "accende" con una freccia
    e fin qui niente di strano, potete vedere anche qui quel che ho già fatto:
    http://www.archisos.com/sito_lav/intro.html

    la cosa invece particolare (quella che non riesco a fare) che dovrebbe succedere inoltre è questa:

    quando l'utente scorre con il cursore del mouse la barra di scorrimento verticale del browser, e quindi passa da una pagina all'altra in verticale, la freccia bianca dovrebbe cambiare in automatico sulla voce giusta del menù.

    Se qualcuno mi può aiutare gli sarei infinitamente grato.

    Buon pomeriggio a tutti

  2. #2
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    minimo indispensabile
    codice:
    $(window).bind('scroll',function(){
      sTop=$(window).scrollTop()
      if(sTop>2000){
        // ...spegni qualunque freccia accesa e accendi l' ultima freccia
      }
      else if(sTop>1500){
        // ...spegni qualunque freccia accesa e accendi la penultima freccia
      }
      // ...etc...
    })
    ciao

  3. #3
    Non è che potresti spiegarmi un pò meglio?

    vedendo questo pezzetto di codice così... non ho capito molto bene cosa intendi.

    Grazie!

  4. #4
    Utente di HTML.it L'avatar di Xinod
    Registrato dal
    Sep 2000
    Messaggi
    13,649
    guardando il tuo codice sembra ti serva piu' di una veloce spiegazione

    comunque si diceva
    codice:
    $(window).bind('scroll',function(){
      var sTop=$(window).scrollTop();
      if(sTop>2000){ // dove 2000 e' la posizione in verticale dell' ultimo blocco di contenuto (nel tuo caso "contatti")
        // qui accendi la voce del menu' "contatti"
      }
      else if(sTop>1500){ // dove 1500 e' il top della sezione "chi siamo"
        // qui accendi chi siamo
      }
      // ...aggiungi altri due else if per "servizi" e "intro"
    })
    ovviamente il tutto si puo' molto perfezionare
    ciao

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.