Come inserire un tasto freccia nella pagina per farla tornare sopra

Versione Completa   Stampa   Cerca   Utenti   Iscriviti     Condividi : FacebookTwitter
Credente
00venerdì 14 febbraio 2014 16:26
Ho notato che in qualche forum hanno inserito una icona freccia su per far ritornare in sopra ogni singola pagina aperta, e tale freccia risulta sempre visibile a destra della pagina.

Cosa bisogna fare per inserirlo anche nel mio gruppo?
servetto70
00sabato 15 marzo 2014 18:29
anche a me interesserebbe questa funzione se è possibile inserirla.

Grazie.
admin
00martedì 18 marzo 2014 10:33
Basta inserire nell'html di fine pagina questo codice:

link per tornare in alto
<a style='position: fixed;left:2px;bottom:2px' href="javascript:$('html, body').animate({scrollTop:0}, 'slow');">torna su</a>


Al posto di "torna su" potete inserire quello che volete, anche una immagine (tramite codice html).

cassidy92
00martedì 18 marzo 2014 19:17
buonasera... è possibile fare lo stesso per far andare la pagina sotto?... se si... quale codice si dovrebbe usare?... grazie...
admin
00mercoledì 19 marzo 2014 10:09
Il link per andare "giù" è questo:

link per scrolling verso il basso con animazione
vai giu


Per metterli entrambi, potete usare questo codice:




Ovviamente si possono sostituire "vai giu" e "vai su" con quello che volete, altri testi, immagini ecc...

Cambiando i valori del posizionamento "position: fixed;left:2px;bottom:2px" si possono spostare i link negli altri angoli dello schermo anziché in basso a sinistra (cambiando "left" in "right" e/o "bottom" in "top".


servetto70
00mercoledì 19 marzo 2014 10:55
Grazie mille [SM=x1402753]
cassidy92
00mercoledì 19 marzo 2014 11:26
grazie...
Credente
00lunedì 24 marzo 2014 18:27
Ringrazio per i suggerimenti ricevuti.
Sono riuscito a inserire nel mio gruppo le indicazioni SU e GIU a sinistra e a destra della pagina, (in basso) utilizzando i codici HTML nel seguente modo:
<a style='position: fixed;left:2px;bottom:2px' href="javascript:$('html, body').animate({scrollTop:0}, 'slow');">SU</a>
<a style='position: fixed;right:2px;bottom:2px' href="javascript:$('html, body').animate({scrollTop:$(document).height()}, 'slow');">GIU</a>

Se interessa si può visualizzare il risultato nelle pagine del mio gruppo:
freeforumzone.leonardo.it/f/175588/CREDENTI/forum.aspx
Credente
00lunedì 24 marzo 2014 18:29
Scusate, il codice da me inserito per ottenere quanto sopra, è il seguente:

<a style='position: fixed;left:2px;bottom:2px' href="javascript:$('html, body').animate({scrollTop:0}, 'slow');">SU</a>
<a style='position: fixed;right:2px;bottom:2px' href="javascript:$('html, body').animate({scrollTop:$(document).height()}, 'slow');">GIU</a>
Credente
00lunedì 24 marzo 2014 18:32
Scusate ma purtroppo non riesco a inserire il codice da me usato.
admin
00mercoledì 26 marzo 2014 10:20
Credente, nelle tue risposte non ti funzionava perché devi disabilitare il codice HTML nel messaggio (altrimenti invece di vedere il codice, lo esegue nella pagina stessa del post).
Credente
00martedì 8 aprile 2014 20:30
Grazie per aver provveduto a mettere le cose a posto.
E grazie dei suggerimenti, sempre molto utili per ottenere il meglio dal forum.
Questa è la versione 'lo-fi' del Forum Per visualizzare la versione completa clicca qui
Tutti gli orari sono GMT+01:00. Adesso sono le 19:20.
Copyright © 2000-2024 FFZ srl - www.freeforumzone.com