Scorrere fino a di ancoraggio con JavaScript

December 14

Dare i visitatori del sito la possibilità di riposare le dita di scorrimento con l'aggiunta di scorrimento per ancorare la funzionalità al tuo sito web. Gli utenti di Internet cliccare ancore quotidiana, al fine di passare a diversi siti web. Con l'aggiunta di poche righe di JavaScript per il codice HTML, è possibile effettuare ancoraggi saltare in posizioni diverse all'interno di una singola pagina Web.

Ancore HTML

Gli sviluppatori Web aggiungere collegamenti a pagine Web utilizzando tasselli. Un ancoraggio è una stringa di testo semplice che circonda da un tag di apertura, "<a>," e un tag di chiusura, "</a>." Il tag di apertura contiene l'URL che i visitatori del sito potranno visitare quando fanno clic l'URL. Il testo che appare tra i tag di apertura e di chiusura crea il testo del link che gli utenti vedono nel loro browser. È anche possibile inserire il nome di una funzione JavaScript all'interno del tag invece di mettere un URL lì apertura. Quando un utente fa clic il testo del link, la funzione verrà eseguito e provocare qualche azione a verificarsi.

ancoraggi con nome

Si supponga di voler dare agli utenti la possibilità di fare clic su un link nella parte superiore della pagina e passare alla parte inferiore della pagina automaticamente. ancoraggi con nome vi danno questa possibilità. Un ancoraggio con nome è un ancoraggio regolare che contiene un attributo name come illustrato di seguito:

<a name="downloads"> Questa è la sezione download </a>

Questo codice crea un ancoraggio il cui nome è "download". Il suo testo dice: "Vai alla sezione download." Il seguente codice crea un collegamento che salta per l'ancoraggio download quando si fa clic:

<a href="#downloads"> Vai alla sezione download </a>

Si noti che ci vogliono due ancore per rendere questo scorrimento per ancorare la funzionalità possibili: l'ancora di destinazione e l'ancora che crea il link che vi porterà a destinazione. Il primo ancoraggio in questo esempio è l'ancora di destinazione. La seconda ancora crea il collegamento.

Scorrimento a Anchor Utilizzando JavaScript

Mentre gli utenti hanno la possibilità di fare clic sui link manualmente e scorrere fino a nuove posizioni di pagina, è possibile eseguire questa operazione per loro utilizzando JavaScript. Invece di impostare l'attributo href di un collegamento con il nome di un tag di ancoraggio, insieme al nome di una funzione JavaScript. Tale funzione può quindi utilizzare window.location.hash per passare al ancoraggio con nome. L'esempio seguente passa ai "download" ancora accennato in precedenza:

window.location.hash = "#downloads";

Chiamare una funzione JavaScript che contiene questo in qualsiasi momento affermazione è necessario scorrere il browser in una nuova posizione di ancoraggio.

altri usi

navigatori del Web amano pagine segnalibro. Con l'aggiunta di ancoraggi con nome a una delle pagine Web, è possibile dare agli utenti la possibilità di creare diversi segnalibri da una singola pagina. Questo è possibile perché barra degli indirizzi del browser contiene il nome del vostro ancoraggio con nome di dominio regolare della pagina Web. Se la pagina contiene cinque ancoraggi con nome, i visitatori del sito possono contrassegnare tutte le cinque sedi di ancoraggio e visitarli quando vogliono facendo clic su uno dei loro preferiti. Gli utenti possono risparmiare tempo saltando direttamente ai loro pezzi preferiti del tuo sito web, senza dover cercare la pagina una volta che arrivano al vostro sito.