JavaScript consente di automatizzare la funzionalità di scorrimento sulle tue pagine Web. Se si desidera un div contenitore per scorrere automaticamente, utilizzare la proprietà "scrollTop" in JavaScript. La funzione di scorrimento si attiva automaticamente non appena l'utente apre la pagina Web. Questa procedura è utile per i programmatori che vogliono visualizzare una sezione di una pagina, immediatamente dopo che un utente lo apre.

Scopo

JavaScript consente agli sviluppatori di controllare un elementi di pagina Web, anche dopo che la pagina Web viene caricata sul browser. Quando si creano pagine di processo utilizzando linguaggi come PHP o ASP, è possibile controllare gli elementi o lo scorrimento al termine dell'elaborazione della pagina. Questo significa che non è possibile modificare i valori dopo l'utente interagisce con la pagina. Il linguaggio JavaScript consente di interagire con gli utenti, anche dopo che la pagina viene caricata e termina l'elaborazione a livello di server.

Selezione

Un div contenitore include una barra di scorrimento quando il contenuto si estende l'altezza del div. Questa caratteristica è lo stile CSS predefinito per qualsiasi contenitore div. Per lavorare con la barra di scorrimento in un div, è necessario specificare il tag div nel codice JavaScript. Il codice seguente specifica il div contenitore di scorrimento nel browser:

div var = document.getElementById("mydiv");

Il "mydiv" specifica l'elemento div di scorrimento della pagina.

Lo scorrimento

Dopo aver specificato il tag div, si utilizza la proprietà "scrollTop" in JavaScript per scorrere il contenuto in div. Quando si imposta questa proprietà, il div scorre giù pixel specificati. Per esempio, il codice seguente scorre giù 50 pixel:

div.scrollTop = 50;

È possibile utilizzare questo codice per una funzione che carica quando l'utente apre la pagina, o quando l'utente fa clic su un pulsante o un'immagine. Barra di scorrimento di div si sposta nella posizione di 50 pixel.

Considerazioni

Browser più vecchi non supportano la funzionalità di scorrimento. Se gli utenti utilizzano una versione molto vecchia di browser come Internet Explorer 6 o Netscape, il div non scorre. È possibile inviare un messaggio che il browser non è supportato o fornire un'altra pagina da cui l'utente può visualizzare il contenuto.