Метод scrollIntoView позволяет прокрутить страницу так, что бы элемент оказался вверху либо внизу.

В параметре получает логическое значение: если true - элемент кажется вверху, если false - внизу. По умолчанию true.

См. методы scrollTo и scrollBy, которые также позволяют прокручивать страницу.

Синтаксис

элемент.scrollIntoView(true/false);

Примеры

Пример

При клике по кнопке прокрутим страницу так, что кнопка оказалась вверху:

<input type="button" value="Прокрутить страницу" id="button">
var button = document.getElementById('button');

button.addEventListener('click', function() {
	button.scrollIntoView(true);
});

Результат выполнения кода:

Пример

Теперь внизу:

<input type="button" value="Прокрутить страницу" id="button">
var button = document.getElementById('button');

button.addEventListener('click', function() {
	button.scrollIntoView(false);
});

Результат выполнения кода: