JavaScript | Metoda Scrollto Window

Metoda Scrollto Window jest używana do przewijania okna przeglądarki do określonej współrzędnej. Ta metoda nosi nazwę scrollto () podczas okno to obiekt okna. Otwarte okno przeglądarki jest reprezentowane przez okno obiekt. Aby lepiej zrozumieć tę metodę, szybko przejrzyj składnię podaną poniżej:

Składnia metody scrollto ()

okno.Scrollto (X-Coordinate, współrzędne Y);

W tej składni:

• okno to obiekt okna przeglądarki.
• X-współrzędny to poziome przemieszczenie do okna przeglądarki pod adresem.
• Współrzędny y jest pionowym przemieszczeniem, aby przesuwać okno przeglądarki pod adresem.

Demonstracja metody okna Scrollto ()

Aby zademonstrować działanie metody ScrollTo, zacznij od utworzenia pliku HTML z następującymi wierszami:

Jestem umieszczony na 4000px pionowo
Kliknij mnie, aby przewijać w dół

W tym powyżej fragment kodu HTML,

• A pogrubiony Tag został utworzony z pewnym tekstem w nim z klasą Przewiń. Ta klasa zostanie użyta do umieszczenia tego znacznika na 4000px za pomocą CSS.
• Utworzono przycisk, który wywołuje kliknięte () Funkcja w pliku JavaScript.

Następnie chcemy dodać następujące wiersze do CSS naszej strony internetowej:

ciało
Wysokość: 7000px;

.Przewidziane
Pozycja: absolutna;
Top: 4000px;

W powyższym fragmencie CSS:

• Wysokość znacznika nadwozia jest ustawiona na 7000px, więc strona internetowa staje się przewijana, nawet bez większej liczby elementów.
• pogrubiony tag z klasą Przewiń został umieszczony na 4000px.

Wykonanie strony internetowej zapewnia teraz następujące dane wyjściowe w oknie przeglądarki:

Jak widać z wyjścia, aby odwiedzić pogrubiony tag, trzeba ręcznie przewijać okno przeglądarki.

Aby dodać funkcjonalność do przycisku, aby przewijał nas bezpośrednio na pogrubiony Tag za pomocą tekstu napisz następujące wiersze w pliku skryptu:

funkcja kliknięta ()
okno.Scrollto (0, 4000);

W tych wierszach utworzono funkcję klikniętą (), która jest wywoływana po naciśnięciu przycisku, aw tej funkcji po prostu przekazujemy Współrzędny y jako 4000px do metody okna scrollto (). Zapewnia to następujący wynik na stronie internetowej HTML:

Jak wyraźnie pokazano na wyjściu, naciśnięcie przycisku pomija okno przeglądarki do 4000px.

Zakończyć

Metoda okna scrollto () służy do wywołania obiektu okna przeglądarki, a następnie przesuwania okna przeglądarki do określonej pozycji, przechodząc w X I y współrzędne w swoich argumentach. W tym artykule pokazano działanie metody okna scrollto () za pomocą przykładu.