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"});

Примечания

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

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

• CSSOM: Scrolling elements into view

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