Hvordan Bla til bunnen av siden med HTML

Hvordan Bla til bunnen av siden med HTML


Hvis HTML-side har viktig informasjon på slutten av siden, kan brukere nøl med å bla der for å vise det. Lange websider krever besøkende til å klikke på rullefeltet mange ganger for å nå bunnen; den eneste måten å hoppe det umiddelbart er å trykke på "End" -tasten. Du kan lagre dine brukere noen få museklikk ved å automatisere bla prosessen ved hjelp av noen få linjer med Javascript.

Bruksanvisning

1 Start din HTML editor og åpne en av websidene. Velg en stor side som krever rulle å komme til slutten.

2 Sett inn følgende kode hvor som helst i dokumentet "body" -delen:

<Input type = "button" value = "Scroll" onclick = "return ScrollPage ()" />

Dette skaper en knapp for å bruke for å teste rullefunksjonen.

3 Legg denne Javascript-kode i dokumentet er "head" -seksjonen:

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

fungere ScrollPage () {

Var pageHeight = document.body.scrollHeight;

window.scrollTo (0, pageHeight / 2)

} </ Script>

Denne funksjonen kjøres når du klikker på knappen. Koden lagrer høyden på siden i variabelen som heter "pageHeight" og bruker "scrollTo" -funksjonen for å bla til bunnen.

4 Lagre HTML-dokumentet og vise den i nettleseren din. Klikk på "Scroll" knappen. Nettleseren ruller til bunnen av siden.

Hint

  • Den "scrollTo" -funksjonen og scrollHeight egenskapen gjør dette rulling mulig. ScrollHeight holder høyden av rullbare delen av websiden. Bruk samme "scrollTo" -funksjonen for å bla til andre steder på en webside automatisk. For eksempel, for å bla til midten av siden, endre den siste linjen med kode i Javascript-funksjonen på "window.scrollTo (0, pageHeight / 2)" - uten anførselstegn. Splitte pageHeight av to årsaker nettleserens å bla til midten av siden.