Плавная прокрутка без jQuery

PHP
1
2
3
4
5
<div class="button-block">
  <button class="button">Прокрутить вниз</button>
</div>
<section class="section"></section>
<footer class="footer" id="footer"></footer>

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
function scrollTo(element) {
  window.scroll({
    left: 0,
    top: element.offsetTop,
    behavior: 'smooth'
  })
}
 
var button = document.querySelector('.button');
var footer = document.querySelector('#footer');
 
button.addEventListener('click', () => {
  scrollTo(footer);
})