WebSite X5Help Center

 
Vincenzo Errico
Vincenzo Errico
User

Effetto scroll down  it

Autor: Vincenzo Errico
Besucht 1855, Followers 2, Geteilt 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.

Gepostet am
12 ANTWORTEN
 ‪ 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/

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Vincenzo Errico
Vincenzo Errico
User
Autor

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

Mehr lesen
Gepostet am von 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>

Mehr lesen
Gepostet am von 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!

Mehr lesen
Gepostet am von 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/

Mehr lesen
Gepostet am von Giancarlo B.
Vincenzo Errico
Vincenzo Errico
User
Autor

Con questa modifica non funziona neanche più il lik

Mehr lesen
Gepostet am von 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"...

Mehr lesen
Gepostet am von 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")

.

Mehr lesen
Gepostet am von  ‪ 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.

Mehr lesen
Gepostet am von 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>

.

Mehr lesen
Gepostet am von  ‪ 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

Mehr lesen
Gepostet am von Vincenzo Errico