WebSite X5Help Center

 
Vincenzo Errico
Vincenzo Errico
User

Effetto scroll down  it

Автор: Vincenzo Errico
Просмотрено 1859, Подписчики 2, Размещенный 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.

Размещено
12 Ответы
 ‪ 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/

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Vincenzo Errico
Vincenzo Errico
User
Автор

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

Читать больше
Размещено От 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>

Читать больше
Размещено От Giancarlo B.
Vincenzo Errico
Vincenzo Errico
User
Автор

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!

Читать больше
Размещено От 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/

Читать больше
Размещено От Giancarlo B.
Vincenzo Errico
Vincenzo Errico
User
Автор

ho inserito il codice, è online http://www.vincenzoerrico.it/ ma non richiama l'effetto desiderato. Sbaglio in qualcosa?

Читать больше
Размещено От Vincenzo Errico
Vincenzo Errico
Vincenzo Errico
User
Автор

Con questa modifica non funziona neanche più il lik

Читать больше
Размещено От 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"...

Читать больше
Размещено От 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")

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Vincenzo Errico
Vincenzo Errico
User
Автор

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.

Читать больше
Размещено От 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>

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Vincenzo Errico
Vincenzo Errico
User
Автор

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

Читать больше
Размещено От Vincenzo Errico