Unofficial WebSite X5

Area JS => Richieste Integrazioni => Topic aperto da: peppe990 - 15 Giugno, 2012, 16:12:48

Titolo: Scroll to top JS
Inserito da: peppe990 - 15 Giugno, 2012, 16:12:48
Buona sera amici, vorrei chiedervi una informazione.
Vorrei inserire in un sito websitex5 9 uno scroll verticale, il classico scroll to top, che mi permetta di usare una immagine o un testo.

Sapete dirmi come procedere?

Grazie
Titolo: Re:Scroll to top JS
Inserito da: skeggia - 15 Giugno, 2012, 16:33:59
uno semplice in ogg html:

<a name="paragrafo1">Qui inizia il primo paragrafo . . . . .</a>


il richiamo:
<a href="#paragrafo1">TOP</a>
Titolo: Re:Scroll to top JS
Inserito da: skeggia - 15 Giugno, 2012, 16:41:15
se ci vuoi mettere una immagine, aggiungi:

<a href="#paragrafo1"><img src="percorso/nomefile. ext"></a>

se ci vuoi mettere anche le dimensioni:
<a href="#paragrafo1"><img src="percorso/nomefile.ext" height="50px" width="50px"></a>
Titolo: Re:Scroll to top JS
Inserito da: essedi - 15 Giugno, 2012, 16:51:22
Se poi vuoi qualche esempio, puoi dare una occhiata qui

http://www.essedi.altervista.org/_sito/ancore.html

Titolo: Re:Scroll to top JS
Inserito da: GDR - 15 Giugno, 2012, 18:08:33
Visto che hai postato aprendo un topic nell' "Area JS" si presume che vuoi integrare qualche script esterno; se si guarda se ti è difficile autonomamente questo:

http://www.mattvarone.com/web-design/uitotop-jquery-plugin/ (http://www.mattvarone.com/web-design/uitotop-jquery-plugin/)


Se NO (ossia che non hai bisogno di integrazioni js) sposto il topic

Edit: non si presume visto il titolo del tuo post:
Citazione
Scroll to top JS


Vedi se riesci da solo altrimenti ti si aiuta.

Ciao.
Titolo: Re:Scroll to top JS
Inserito da: peppe990 - 16 Giugno, 2012, 14:02:46
Grazie a tutti per le risposte, vorrei riuscire ad usare il plugin indicato da GDR, avevo pensato pure io a delle ancore in html ma magari quelle le userò per creare un eventuale modulo FAQ.
Purtroppo, non sono bravo con jquery mai usato, ho scoperto cosa sono da una settimana (cioè da quando ho comprato websitex5). Vi dico cosa ho fatto, sicuramente sbagliato, allora ho scaricato il plugin dal link http://www.mattvarone.com/web-design/uitotop-jquery-plugin/ e nella pagina desiderata cioè homepage ho creato un ogg. html, mi sono spostato nella sezione esperto ed ho ed ho allegato i vari file:
(http://i46.tinypic.com/zr7gn.png)

ora però non saprei proprio come continuare.

Grazie mille per il supporto e buon fine settimana a tutti
Titolo: Re:Scroll to top JS
Inserito da: GDR - 16 Giugno, 2012, 14:44:05
Ho 2 minuti che vado di corsa:

http://www.gdrtestdesign.altervista.org/UItoTop/ (http://www.gdrtestdesign.altervista.org/UItoTop/)

Preparerò quanto prima il topic con il progetto, adesso devo scappare.

Titolo: Re:Scroll to top JS
Inserito da: peppe990 - 16 Giugno, 2012, 14:53:41
Non so come ringraziarti. Davvero tante grazie
Titolo: Re:Scroll to top JS
Inserito da: stesil - 06 Gennaio, 2014, 16:25:13
Come da domanda posta su Answers (http://answers.websitex5.com/post/83075 (http://answers.websitex5.com/post/83075)) scrivo giusto due righe di spiegazione su come integrare il plugin.

Quattro sono i file da allegare (attraverso la scheda esperto di un qualsiasi oggetto HTML del progetto): easing.js  e jquery.ui.totop.js nella cartella js, ui.totop.css nella cartella css, ui.totop.png nella cartella img.

[attach=1]

In head (Impostazioni generali, Esperto, Codice personalizzato: Prima della chiusura del tag HEAD):

Codice:
Only registered users can see contents. Please click here to Register or Login.
Nel body (Impostazioni generali, Esperto, Codice personalizzato: Prima della chiusura del tag BODY):

Codice:
Only registered users can see contents. Please click here to Register or Login.