Hvordan flytte rullefelt til toppen Bruke Javascript

Hvordan flytte rullefelt til toppen Bruke Javascript


Rulle til toppen av en webside kan redusere produktiviteten, spesielt hvis siden er lang. Et nettsted besøkende kan bla til forskjellige steder på en webside ved hjelp av flere metoder, inkludert rullehjul, tastaturet og til og med musebevegelser. Hvis du ønsker å lage en brukers rulling oppgaver litt raskere, legge en enkel Javascript-funksjon til HTML-koden som flytter rullefelt til toppen automatisk.

Bruksanvisning

1 Åpne en webside dokument som har nok innhold som krever at brukere å rulle nedover siden for å kunne se den.

2 Lim inn denne HTML-kode i et dokument "body" -delen:

<Input type = "button" value = "Flytt Scrollbar til toppen" onclick = "scrollToTop ( '0', '0')" />

Denne koden skaper en knapp som lar deg teste scrollToTop Javascript-funksjonen som flytter rullefeltet. Knappen passerer to nuller til funksjonen.

3 Legg inn koden nedenfor i "script" -delen av dokumentet:

fungere scrollToTop (horisontal, vertikal) {
scrollTo (horisontal, vertikal);
}

Denne Javascript-funksjonen godtar de to parametere som sendes til den. Disse parametrene - horisontale og vertikale - inneholder verdiene funksjonen benytter for å avgjøre hvor du skal flytte rullefeltet. Den horisontale parameter refererer til antall piksler fra venstre kant i nettleseren. Den vertikale parameter refererer til antall piksler fra nettleserens toppen av nettlesere. Siden knappen passerer nuller for de to parametre, den scrollTo funksjonen som vises i koden flytter leserens scrollbar til toppen.

4 Lagre dokumentet. Åpne en nettleser og vise dokumentet. Rull ned til bunnen av siden ved hjelp av musen, klikk deretter på knappen. Javascript-funksjonen går og flytter rullefeltet til toppen av siden