Effetto scroll down
Autor: Vincenzo Errico
Visited 1857,
Followers 2,
Udostępniony 0
Ciao, spero qualcuno mi possa aiutare.
Nella home del mio sito http://www.vincenzoerrico.it/ ho inserito una freccia in alto (compare solo ai 1200px in su) che richiama un'ancora nell'intestazione. Funziona, ma vorrei dare l'effetto scoll elastico come quello per tornare su.
Grazie.
Posted on the
... prova ad inserire in HEAD questa funzione:
<script type="text/javascript"> $(document).ready(function() { $('.freccia a').bind('click',function(event){ var $anchor = $(this); $('html, body').stop().animate({ scrollTop: $($anchor.attr('href')).offset().top }, 1000); event.preventDefault(); }); }); </script>
... vedi mio esempio: http://www.kolasim-zone.it/supersfondok/
Autor
Ciao KolAsim, ti ringrazio ma nel mio sito non reagisce
se alla freccia inserisci il link tramite website l'effetto è automatico... altrimenti io utilizzo il codice che produce website sulla pagina ... se non c'è mi creo un link provvisorio .. leggo il codice e lo copio sul link html che ho creato es:
<span class="ff2"><a class="btn_contact" href="#contact" onclick="return x5engine.utils.location('#contact', null, false)"> CONTATTACI </a></span>
Autor
Ciao Giancarlo, e grazie!
La freccia è un codice esterno e gli ho assegnato il link a <a href="#menu" id="pulsante">▼</a> e in intestazione ho inserito questo <a name="menu"></a>
Ora, il codice che hai estrapolato... dove andrebbe inserito?
Grazie ancora!
potrebbe essere un qualcosa del genere ma va provato sulla pagina:
<a href="#menu" onclick="return x5engine.utils.location('#menu', null, false)" id="pulsante">▼</a>
comunque in grassetto è il codice dello script elastico ... che io ho assegnato ad un pultante in html CONTATTACI ...
l'esempio è visibile a questa pagina:
http://www.tendepalladio.it/
Autor
ho inserito il codice, è online http://www.vincenzoerrico.it/ ma non richiama l'effetto desiderato. Sbaglio in qualcosa?
Autor
Con questa modifica non funziona neanche più il lik
come ti ho detto, fai un test inserendo il link da programma, metti provvisoriamente un testo e gli assegni il link poi prelevi il codice generato dalla pagina... io ho fatto così devi fare un pò di prove ... poi vedo che hai poi anche assegnato un id="pulsante"...
... del mio codice non ne vedo traccia, e che come hai visto funziona correttamente...
... per come si vede adesso la pagina, all'Ancora, oltre al NAME devi assegnare l'ID ...
.
.
(se vuoi provare il mio codice, modificato, al contenitore aggiungi la classe "freccia")
.
Autor
Ho risolto, grazie a tutti! Ho seguito le indicazioni di Giancarlo. Inizialmente non funzionava perché evidentemente l'ancora che avevo inserito nell'intestazione <a name="menu"></a> non gli tornava. Quindi ho inserito l'ancora ad un oggetto in griglia, anche se averla in intestazione era meglio.
... come ti avevo detto dovevi assegnare l' ID: <a id="menu"></a>
.
Autor
Ciao Kol, mi era sfuggito il tuo passaggio! Ora l'ho inserito nuovamente in intestazione assegnando l'ID come hai detto e funziona benissimo http://www.vincenzoerrico.it/
Grazie mille!