Прокрутить страницу вслед за выдвижным элементом

На страницы есть кнопка при нажатии на которую снизу плавно появляется ещё один блок. Сейчас когда пользователь смотрит с телефона он не видит что этот блок выдвигается, как будто ничего не произошло. Мне хотелось бы прокручивать страницу вслед за раскрывающимся блоком. Помогите это реализовать, но только на чистом JS.


Ответы (1 шт):

Автор решения: Вася Воронцов

Пусть "кнопка" выглядит так:

<div id="button">Кнопка</div>

тогда в скрипте запишете:

getElementById("button").scrollIntoView({block: "center", behavior: "smooth"});

Подробнее о scrollIntoView

→ Ссылка