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.