Это экспериментальная технология
Так как спецификация этой технологии ещё не стабилизировалась, смотрите таблицу совместимости по поводу использования в различных браузерах. Также заметьте, что синтаксис и поведение экспериментальной технологии может измениться в будущих версиях браузеров, вслед за изменениями спецификации.

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

Синтаксис

element.scrollIntoView(); // эквивалентно element.scrollIntoView(true)
element.scrollIntoView(alignToTop); // аргумент типа Boolean 
element.scrollIntoView(scrollIntoViewOptions); // аргумент типа Object 

Параметры

alignToTop
Параметр типа Boolean, возможные значения:
  •  true,  верхняя граница элемента будет выровнена вверху видимой части окна прокручиваемой области.
  • false, нижняя граница элемента будет выровнена внизу видимой части окна прокручиваемой области.
scrollIntoViewOptions
Aргумент типа boolean или типа object со следующим набором опций:
{
    behavior: "auto"  | "instant" | "smooth",
    block:    "start" | "end",
}
Если значение имеет  тип boolean, блок {block: "start"} будет соответствовать  true,  а  блок {block: "end"} - false

Пример

var element = document.getElementById("box");

element.scrollIntoView();
element.scrollIntoView(false);
element.scrollIntoView({block: "end"});
element.scrollIntoView({block: "end", behavior: "smooth"});

Примечания

Область может не полностью прокручивается до элемента (вверх или вниз), это зависит  от расположения других элементов.

Спецификация

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

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 1.0 1.0 (1.7 или ранее) 6 10.0 and possibly older versions 4 and possibly older versions
support scrollIntoViewOptions Нет 36 (36) Нет Нет Нет
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support ? 1.0 (1.0) ? ? ?
support scrollIntoViewOptions Нет 36.0 (36) Нет Нет Нет

 

Метки документа и участники

Внесли вклад в эту страницу: gentoonofb
Обновлялась последний раз: gentoonofb,