Metoda HTML DOM Element scrollIntoView()

Definicja i użycie

scrollIntoView() Metoda przewija element do widocznego obszaru okna przeglądarki.

Przykład

Przykład 1

Przewiń element o id="content" do widocznej obszaru okna przeglądarki:

const element = document.getElementById("content");
element.scrollIntoView();

Spróbuj sam

Przykład 2

Przewiń do góry lub na dół elementu:

const element = document.getElementById("content");
function scrollToTop() {
  element.scrollIntoView(true);
}
function scrollToBottom() {
  element.scrollIntoView(false);
}

Spróbuj sam

Gramatyka

element.scrollIntoView(wyrównanie)

Parametry

Parametry Opis
wyrównanie

Opcjonalne. Indeks boolean wskazujący typ wyrównania:

  • true - górna krawędź elementu będzie wyrównana z górną krawędzią widocznego obszaru przodka przewijalnego
  • false - dolna krawędź elementu będzie wyrównana z dolną krawędzią widocznej obszaru przodka przewijalnego

Jeśli pominięto, będzie przesuwane do góry elementu.

Uwaga:W zależności od układu innych elementów, niektóre elementy mogą nie być w pełni przewijane do góry lub na dół.

Zwracana wartość

Brak.

Obsługa przeglądarki

Wszystkie przeglądarki obsługują element.scrollIntoView():

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Wsparcie 9-11 Wsparcie Wsparcie Wsparcie Wsparcie