0

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

1 ответ 1

1

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

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

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

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

Подробнее о scrollIntoView

2
  • Спасибо за наводку. Но проблема в том, что тот блок в конец которого надо прокрутить открывается постепенно. А эта функция срабатывает когда тот блок ещё не открылся и соответственно прокручивает страницу не до конца. Если поставить setInterval, тогда прокручивается рывками. А надо, чтобы плавно прокручивалась вслед за плавно открывающимся блоком.
    – Motor_ka
    15 фев 2021 в 0:07
  • Возможно ли отследить окончание открытия и укладывается ли прокручивание после полного открытия в концепцию? Если нет, то, думаю, следует рассчитать положение точно такого же, только невидимого блока и прокрутить к нему 15 фев 2021 в 14:50

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.