Autore Topic: Scroll to top JS  (Letto 4959 volte)

peppe990

  • Nuovo arrivato
  • *
  • Post: 63
Scroll to top JS
« il: 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

skeggia

  • Utente inesperto
  • **
  • Post: 248
  • utente inesperto
    • Il sito del mio cucciolone
Re:Scroll to top JS
« Risposta #1 il: 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>

skeggia

  • Utente inesperto
  • **
  • Post: 248
  • utente inesperto
    • Il sito del mio cucciolone
Re:Scroll to top JS
« Risposta #2 il: 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>
« Ultima modifica: 15 Giugno, 2012, 16:45:23 da skeggia »

essedi

  • Anziani
  • Utente esperto
  • *
  • Post: 418
Re:Scroll to top JS
« Risposta #3 il: 15 Giugno, 2012, 16:51:22 »
Se poi vuoi qualche esempio, puoi dare una occhiata qui

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


GDR

  • Moderatore globale
  • Utente anziano
  • *****
  • Post: 576
Re:Scroll to top JS
« Risposta #4 il: 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/


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.
« Ultima modifica: 15 Giugno, 2012, 18:10:59 da GDR »

peppe990

  • Nuovo arrivato
  • *
  • Post: 63
Re:Scroll to top JS
« Risposta #5 il: 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:


ora però non saprei proprio come continuare.

Grazie mille per il supporto e buon fine settimana a tutti

GDR

  • Moderatore globale
  • Utente anziano
  • *****
  • Post: 576
Re:Scroll to top JS
« Risposta #6 il: 16 Giugno, 2012, 14:44:05 »
Ho 2 minuti che vado di corsa:

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

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


peppe990

  • Nuovo arrivato
  • *
  • Post: 63
Re:Scroll to top JS
« Risposta #7 il: 16 Giugno, 2012, 14:53:41 »
Non so come ringraziarti. Davvero tante grazie

stesil

  • Anziani
  • Utente storico
  • *
  • Post: 1219
    • quellidelcucuzzolo
Re:Scroll to top JS
« Risposta #8 il: 06 Gennaio, 2014, 16:25:13 »
Come da domanda posta su Answers (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.

[ Guests cannot view attachments ]

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.
« Ultima modifica: 06 Gennaio, 2014, 16:27:16 da stesil »