Scroll в конец страницы при нажатии на <button>

411

04 сентября 2017, 08:07

Добрый Вечер! Интересует такой вопрос, существует ли JS функция которая при нажатии на клавишу button, делает скролл в конец страницы спустя 1 секунду? Код кнопки:

<button type="submit" class="wrapper_input" style="right: 42px;position: relative;top: 1px;"> 
<img src="../static/assets/plus.svg" id="OnBottom" height="30" title="Aggiungi candidato" alt="Aggiungi candidato" style="visibility: visible;"> 
</button>

Так же начало прокручиваемого DIV при нажатии на кнопку:

<div class="main_content"> 
</div>

В моем случае это выглядит так: я добавляю контакт на своем сайте, он оказывается внизу моей страницы, и мне нужно делать скролл что бы увидеть его. По этому и задался таким вопросом решения проблемы со скроллом вниз страницы, спустя 1 секунду при нажатии на кнопку "добавить".

Спасибо заранее.

Answer 1

let body = document.body; 
body.querySelector(".wrapper_input").addEventListener("click",()=>setTimeout(()=>body.scrollTop = body.scrollHeight,1000));

body { 
  height: 1000px; 
}

<button type="submit" class="wrapper_input" style="right: 42px;position: relative;top: 1px;"> 
  <img src="../static/assets/plus.svg" id="OnBottom" height="30" title="Aggiungi candidato" alt="Aggiungi candidato" style="visibility: visible;"> 
</button>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Не обновляется состояние Redux

Использую 'react-fileupload' для выбора файла и отправки на сервер, в случае успеха получаю ответ с содержимым файла, но состояние хранилища не обновляется

261

javascript