Nwlapcug.com


Come scorrere fino alla fine della pagina con HTML

Come scorrere fino alla fine della pagina con HTML


Se la pagina HTML Web è informazioni importanti alla fine della pagina, gli utenti possono esitate a scorrere lì per vederlo. Lunghe pagine Web richiedono ai visitatori di scegliere la barra di scorrimento molte volte per raggiungere il fondo; l'unico modo per saltare istantaneamente là è quello di premere il tasto "Fine". Automatizzando il processo di scorrimento utilizzando poche righe di JavaScript, è possibile salvare gli utenti pochi clic del mouse.

Istruzioni

1

Avviare l'editor di HTML e aprire una delle pagine Web. Scegli una pagina di grandi dimensioni che richiede lo scorrimento per raggiungere il fine.

2

Inserire il codice seguente in un punto qualsiasi nella sezione "corpo" del documento:

< input type = valore "pulsante" = "Scroll" onclick = "return ScrollPage()" / >

Questo crea un pulsante da utilizzare per testare la funzione di scorrimento.

3

Aggiungere questo codice JavaScript alla sezione "head" del documento:

< script language = "javascript" type = "text/javascript" >

Function ScrollPage() () {

pageHeight var = document.body.scrollHeight;

window.scrollTo (0, pageHeight/2)

} < / script >

Questa funzione viene eseguita quando si sceglie il pulsante. Il codice l'altezza della pagina viene archiviato nella variabile denominata "pageHeight" e utilizza la funzione "scrollTo" per scorrere la pagina verso il basso.

4

Salvare il documento HTML e visualizzarlo nel browser. Fare clic sul pulsante "Scroll". Il browser consente di scorrere verso il basso della pagina.

Consigli & Avvertenze

  • La proprietà di funzione e scrollHeight "scrollTo" rendono questo scorrimento possibile. ScrollHeight detiene l'altezza della parte scorrevole della pagina Web. Utilizzare la stessa funzione di "scrollTo" per scorrere automaticamente ad altre posizioni in una pagina Web. Per esempio, per scorrere al centro della pagina, modificare l'ultima riga di codice nella funzione JavaScript "window.scrollTo (0, pageHeight/2)"..--senza le virgolette. Dividendo pageHeight per due cause il browser per scorrere fino a metà pagina.