Programmazione Web » Javascript » Un'alternativa al classico link 'Top'

Un'alternativa al classico link 'Top'

Difficoltà: Apprendista Scritto da Luca Ruggiero
Sito Web: http://www.lucaruggiero.it E-Mail
Questo tutorial è stato letto 593 volte




L'Html utilizza il sistema delle ancore per muoversi da un punto all'altro della pagina utilizzando dei link particolari, tipo

<a href="#top">Torna ad inizio pagina</a>

agganciando il valore #top ad un'ancora ipertestuale posizionata ad inizio pagina

<a name="top">Inizio della pagina corrente</a>

Questo sistema comporta il salvataggio della pagina corrente (compresa del nuovo valore accodato) in cache

paginacorrente.html#top

Javascript mette a disposizione il metodo scrollTo() dell'oggetto window per creare un'ancora più elegante che by-passi il problema della cache.

Vediamo come realizzare questo tipo di link:

<a href="javascript:window.scrollTo(0,0) ">Torna ad inizio pagina</a>

dove i valori (0,0) rappresentano rispettivamente le coordinate della pagina in larghezza ed in altezza.

Aggiungi questo tutorial ai preferiti! Aggiungi questo tutorial ai preferiti


SEGNALA QUESTA RISORSA AD UN AMICO
Tuo nome
Tua mail
Nome amico
Mail tuo amico
Google
AREA UTENTI
E-MAIL PASSW
Perso la password?
I TUTORIAL PIU' LETTI
GIF ANIMATE
Script Gratis!
Spot

Sito Service
Tutorial per realizzare un sito web partendo da zero e script Asp per Aruba Server.

Tutorials & scripts
Articoli su HTML, CSS, PHP, ASP, Javascript, MySQL a cura di AG web solutions!

Guida Prestiti e Carte di credito
Giochi flash free
Giochi gratis online
Ricette di cucina gratis
Migliori torrent italiani
Notizie Dieta e Diete Alimentari

Cerca con Google