WebSite X5Help Center

 
Vincenzo Errico
Vincenzo Errico
User

Effetto scroll down  it

Auteur : Vincenzo Errico
Visité 1860, Followers 2, Partagé 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.

Posté le
12 RéPONSES
 ‪ 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/

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Vincenzo Errico
Vincenzo Errico
User
Auteur

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

Lire plus
Posté le 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>

Lire plus
Posté le de Giancarlo B.
Vincenzo Errico
Vincenzo Errico
User
Auteur

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!

Lire plus
Posté le 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/

Lire plus
Posté le de Giancarlo B.
Vincenzo Errico
Vincenzo Errico
User
Auteur

Con questa modifica non funziona neanche più il lik

Lire plus
Posté le 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"...

Lire plus
Posté le 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")

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Vincenzo Errico
Vincenzo Errico
User
Auteur

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.

Lire plus
Posté le 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>

.

Lire plus
Posté le de  ‪ KolAsim ‪ ‪
Vincenzo Errico
Vincenzo Errico
User
Auteur

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

Lire plus
Posté le de Vincenzo Errico