Hvordan bla til bunnen i Javascript

HTML Document Object Model (DOM) gir deg betydelig kontroll over struktur og innhold i en webside. Den "scrollHeight" DOM ​​eiendommen kan brukes til å bestemme den totale høyden på kroppen av websiden, ikke bare den synlige delen. Kombiner denne egenskapen med "scrollTo" metoden i "vinduet" objekt for å gjøre en Javascript-funksjon som umiddelbart ruller brukerens nettleservinduet til bunnen av siden.

Bruksanvisning

1 Åpne websiden koden i en HTML-editor. Sett inn følgende kode mellom <head> -kodene i HTML-dokumentet:

<Script type = "text / javascript">

fungere ScrollToBottom () {

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

}

</ Script>

2 Lag en knapp i kroppen av dokumentet slik at brukeren raskt kan bla til bunnen. Sett inn følgende kode inn i kroppen av HTML-dokument:

<Input type = "button" value = "Rull til bunnen av siden" onclick = "ScrollToBottom ();" />

3 Tilsett "onload" attributt til <body> -taggen i HTML-dokumentet for å kalle funksjonen og bla siden til bunnen så snart siden lastes. Her er et eksempel:

<Body onload = "ScrollToBottom ();">

4 Lagre HTML-koden og legger det på siden din for å sjekke at rullefunksjonene.