JavaScript | Window Scrollto -metode

Window Scrollto -metoden brukes til å bla nettleservinduet til en spesifikk koordinat. Denne metoden heter Scrollto () mens vindu er vindusobjektet. Et nettleservindu som er åpent er representert av vindu gjenstand. For bedre å forstå denne metoden, gå raskt over syntaksen gitt nedenfor:

Syntaks av ROLLTO () -metoden

vindu.Scrollto (x-koordinat, y-koordinat);

I denne syntaksen:

• vindu er nettleserens vindusobjekt.
• X-koordinat er den horisontale forskyvningen til nettleserens vindu på.
• Y-koordinat er den vertikale forskyvningen for å panorere nettleserens vindu på.

Demonstrasjon av Window ScrollTo () -metoden

For å demonstrere arbeidet med Scrollto -metoden, start med å lage en HTML -fil med følgende linjer:

Jeg er plassert på 4000px vertikalt
Klikk meg for å bla nedover

I dette over HTML -kodebiten,

• EN dristig Tag ble opprettet med litt tekst inni den med klassen å være rullet. Denne klassen vil bli brukt til å plassere denne taggen på 4000px ved hjelp av CSS.
• Det ble opprettet en knapp som kaller klikket () Funksjon i JavaScript -filen.

Etter at det er gjort, ønsker vi å legge til følgende linjer til CSS på vår webside:

kropp
Høyde: 7000px;

.rullet
Posisjon: Absolutt;
Topp: 4000px;

I ovennevnte CSS -utdrag:

• Høyden på kroppskoden er satt til 7000px slik at websiden blir rullbar selv uten å ha flere elementer på den.
• De dristig Tag med klassen rullet har blitt plassert på 4000px.

Å utføre nettsiden nå gir oss følgende utdata i nettleserens vindu:

Som du kan se fra utgangen, for å besøke dristig Tag, man må bla manuelt nettleserens vindu.

Å legge til funksjonalitet til knappen slik at den blar oss direkte på dristig Tag med tekst, skriv følgende linjer i skriptfilen:

funksjon klikket ()
vindu.Scrollto (0, 4000);

I disse linjene opprettes funksjonen klikket (), som blir bedt om å trykke på knappen, og i denne funksjonen passerer vi ganske enkelt Y-koordinat som 4000px til Window ScrollTo () -metoden. Dette gir følgende utfall på HTML -nettsiden:

Som det er tydelig vist i utdataene, trykker du på knappen nettleserens vindu til 4000px vertikalt.

Pakk opp

Window ScrollTo () -metoden brukes til å ringe nettleserens vindusobjekt og deretter panorere nettleserens vindu til en bestemt posisjon ved å passere inn x og y koordinater i sine argumenter. Denne artikkelen demonstrerte arbeidet med Window ScrollTo () -metoden ved hjelp av et eksempel.