JavaScript per scorrimento DIV

November 29

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

Scopo

JavaScript consente agli sviluppatori di controllare una pagina Web elementi anche dopo il caricamento della pagina Web sul browser. Quando si creano le pagine di processo utilizzando linguaggi come PHP o ASP, non è possibile controllare gli elementi o scorrere dopo la pagina termina l'elaborazione. Ciò significa che non è possibile modificare i valori dopo che l'utente interagisce con la pagina. Il linguaggio JavaScript consente di interagire con gli utenti, anche dopo il caricamento della pagina e termina l'elaborazione a livello di server.

Selezione

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

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

Il "mydiv" specifica l'elemento div si desidera scorrere sulla pagina.

scorrimento

Dopo aver specificato il div, si utilizza la proprietà "scrollTop" in JavaScript per scorrere il contenuto del div. Quando si imposta questa proprietà, i rotoli div verso il basso i 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 del div si sposta nella posizione 50 pixel.

considerazioni

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