How can I scroll down the page when I click on a button?

Question

Layout

How to scroll down the page on button click

Answer 1

1. Add an anchor on the page (an element that will scroll when clicked): 2. Add an id to the desired element: 3. Set the styles for smooth scrolling: body {scroll-behavior: smooth;} - does not work in IE and Safari
<a href="#anchor1">Текст</a>
<div id="anchor1">Скролить до сюда</div>

Answer 2

example for toaster, copy this to dev console

document.querySelector('footer').scrollIntoView({behavior: 'smooth'})