Come scorrere fino alla fine in JavaScript

May 3

Il Document Object Model HTML (DOM) offre un controllo sostanziale sulla struttura e il contenuto di una pagina Web. La struttura "scrollHeight" DOM ​​può essere utilizzato per determinare l'altezza totale del corpo della pagina Web, non solo la parte visibile. Combinate questa proprietà con il metodo "scrollTo" dell'oggetto "finestra" per fare una funzione JavaScript che scorre immediatamente finestra del browser dell'utente alla parte inferiore della pagina.

istruzione

1 Aprire il codice della pagina Web in un editor HTML. Inserire il codice seguente tra i tag <head> tag del documento HTML:

<Script type = "text / javascript">

funzione ScrollToBottom () {

window.scrollTo(0,document.body.scrollHeight);

}

</ Script>

2 Fare un pulsante nel corpo del documento in modo che l'utente può scorrere velocemente verso il basso. Inserire il seguente tag nel corpo del documento HTML:

<Input type = valore "pulsante" = "Scorrere fino alla parte inferiore della pagina" onclick = "ScrollToBottom ();" />

3 Aggiungere l'attributo "onload" al tag <body> del documento HTML per chiamare la funzione e scorrere la pagina verso il basso non appena il caricamento della pagina. Ecco un esempio:

<Body onload = "ScrollToBottom ();">

4 Salvare il codice HTML e caricarlo sul vostro pagina per controllare che le funzioni funzione di scorrimento.