English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Метод scrollIntoView() HTML DOM

Объект элемента HTML DOM

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

Внимание:Из-за布局 других элементов элемент может не полностью прокрутиться до верха или низа.

Синтаксис:

element.scrollIntoView(alignToTop)
var elem = document.getElementById("box");
elem.scrollIntoView();
Проверьте, посмотрите‹/›

Совместимость браузеров

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает метод scrollIntoView():

Метод
scrollIntoView()283.5385.18

Значение параметра

ПараметрОписание
alignToTop(по умолчанию)Boolean значение, представляющее тип выравнивания:

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

false-Низ элемента будет выровнен с нижней частью видимой области прокручиваемого предка.

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

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

Технические детали

Возврат значения:Нет
Версия DOM:Модели объектов CSS (CSSOM)

Более примеров

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

var elem = document.getElementById("box");
function scrollToTop() {
   elem.scrollIntoView(true);
}
function scrollToBottom() {
   elem.scrollIntoView(false);
}
Проверьте, посмотрите‹/›

Объект элемента HTML DOM