Hvordan gå til øverst i Javascript

March 25

Hvis du har en lang nettside som krever at brukeren å bla mye, kan brukerne nyte muligheten til å komme tilbake til toppen av siden raskt. Dette vil oppmuntre brukerne til å bla nedover i innholdet på siden. Dette kan gjøres ved hjelp av Javascript "jumpScroll" og "window.scroll" funksjoner, som lar deg spesifisere et poeng å gå til, ved hjelp av piksel koordinatene gjeldende vindu. Dette skriptet kan utløses med en link og fungerer på tvers av alle Javascript-kompatible nettlesere.

Bruksanvisning

1 Åpne en nettside i et tekstredigeringsprogram ved å høyreklikke på filen og klikke på "Åpne med." Klikk for å velge "Notisblokk".

2 Klikk for å plassere tekstmarkøren mellom "<head>" og "</ head>" koder, og trykk "Enter" for å lage en tom linje.

3 Type "<script type =" text / javascript "> funksjon jumpScroll () {window.scroll (0,0);} </ script>" på den blanke linjen. Den "0,0" del av koden angir hvor du ønsker å gå til når brukeren klikker på linken. Den "0,0" verdi refererer til pikselkoordinater i øverste venstre hjørne på nettsiden.

4 Rull ned til det punktet i web siden koden der du ønsker å plassere den koblingen som vil rulle tilbake til toppen. Klikk for å plassere markøren på en blank linje, eller klikk og trykk "Enter" for å lage en tom linje.

5 Skriv "<a href="javascript:jumpScroll()"> [TOP] </a>" for å opprette en kobling med teksten "[TOP]" som tar brukeren tilbake til toppen av nettsiden. Bytt ut "[TOP]" tekst med koblingen teksten du ønsker, hvis ønskelig.

6 Klikk på "File" -menyen og klikk på "Lagre" for å lagre nettsiden dokumentet.