Метод scrollIntoView() элемента HTML DOM

Определение и использование

scrollIntoView() Методы прокручивают элемент в видимую область окна браузера.

Пример

Пример 1

Прокрутить элемент с id="content" в видимую область окна браузера:

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

Попробуйте сами

Пример 2

Прокрутить до верха или низа элемента:

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

Попробуйте сами

Синтаксис

element.scrollIntoView(align)

Параметр

Параметр Описание
align

Опционально. Булево значение, указывающее тип выравнивания:

  • true - верхняя часть элемента будет выровнена с верхней частью видимой области прокручиваемого предка
  • false - нижняя часть элемента будет выровнена с нижней частью видимой области прокручиваемого предка

Если опущен, он будет прокручиваться до верха элемента.

Внимание:В зависимости от layouts других элементов, некоторые элементы могут не полностью прокрутиться до верха или низа.

Возвратное значение

Нет.

Поддержка браузера

Все браузеры поддерживают element.scrollIntoView():

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Поддержка 9-11 Поддержка Поддержка Поддержка Поддержка