MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

Element.scrollIntoView()

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

Метод 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"});

Примечания

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

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

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

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,