WebSite X5Help Center

 
Vincenzo Errico
Vincenzo Errico
User

Effetto scroll down  it

Autor: Vincenzo Errico
Visitado 1858, Followers 2, Compartido 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.

Publicado en
12 RESPUESTAS
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

... 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/

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Vincenzo Errico
Vincenzo Errico
User
Autor

Ciao KolAsim, ti ringrazio ma nel mio sito non reagisce cry

Leer más
Publicado en de Vincenzo Errico
Giancarlo B.
Giancarlo B.
User

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>

Leer más
Publicado en de Giancarlo B.
Vincenzo Errico
Vincenzo Errico
User
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!

Leer más
Publicado en de Vincenzo Errico
Giancarlo B.
Giancarlo B.
User

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/

Leer más
Publicado en de Giancarlo B.
Vincenzo Errico
Vincenzo Errico
User
Autor

Con questa modifica non funziona neanche più il lik

Leer más
Publicado en de Vincenzo Errico
Giancarlo B.
Giancarlo B.
User

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"...

Leer más
Publicado en de Giancarlo B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Vincenzo Errico
Con questa modifica non funziona neanche più il lik

... 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")

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Vincenzo Errico
Vincenzo Errico
User
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.

Leer más
Publicado en de Vincenzo Errico
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Vincenzo Errico
... ... ... non funzionava perché evidentemente l'ancora che avevo inserito nell'intestazione <a name="menu"></a> non gli tornava. ... ... ...

... come ti avevo detto dovevi assegnare l' ID:   <a id="menu"></a>

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Vincenzo Errico
Vincenzo Errico
User
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! laughing

Leer más
Publicado en de Vincenzo Errico