Sto creando un sito di una pagina con una navigazione classica nella parte superiore. In questo momento ho i collegamenti creati come tag hash per navigare all'interno della pagina:Effetto "scroll to/down" semplice utilizzando tag di hash e markup minimi
<nav>
<a href="#about">About</a>
</nav>
...
<section id="about">...</section>
Ovviamente, questo funziona, ma il salto alla sezione Chi è immediata e non graduale. Sto cercando un'implementazione estremamente semplice per fare una transizione graduale. Non voglio niente di speciale. Nessun asse, offset o altre opzioni. Voglio solo che la transizione di scorrimento sia graduale. L'unica impostazione che voglio è il tempo necessario per completare la pergamena. Inoltre, non voglio apportare quasi nessuna modifica al mio markup. Ho visto diversi plugin javascript che richiedono l'utilizzo di tag di ancoraggio per impostare le posizioni nel documento html - non lo voglio. This site sembra promettente, ma non so come configurarlo. Non c'è demo quindi non vedo come installarlo. Non sono così alfabetizzato in Javascript. Inoltre, lo ScrollTo plugin per jQuery è troppo complicato. Sono disposto ad usare un plugin che ha molte opzioni, ma non voglio che le opzioni mi impediscano di capire come impostarlo.
Qualsiasi aiuto sarebbe molto apprezzato!
Che aspetto avrebbe il markup HTML e come lo implementerei? – davecave
Vedere questo esempio http://jsfiddle.net/jackdent/Z8XDG/ – jacktheripper
Questo è perfetto, tranne che non riesco a replicare l'effetto sul mio sito utilizzando il javascript nel violino. Sono sicuro che è un piccolo errore da parte mia. Come posso scrivere in javascript usando onLoad? Lo metto nell'intestazione? sito di prova - http: //test.davewhitley.it/not-wp/kate/ – davecave