Плавная прокрутка к элементу

[snut8]

Добрый день коллеги, прошу помощи, замучился уже. Мне необходимо реализовать плавную прокрутку к элементу. Есть код, который осуществляет прокрутку, но к сожалению не плавно.

Array.prototype.forEach.call(document.querySelectorAll("#scroll"), function(e){
   e.setAttribute("onclick", " window.scrollTo(0,document.getElementById('scroll').scrollHeight);"+e.getAttribute("onclick"))
  });

Помогите пожалуйста его модернизировать для плавной прокрутки.

[j0hnik]

document.querySelector("элемент на который нажимать").onclick = document.querySelector("элемент к которому крутить").scrollIntoView({behavior: 'smooth'});

[Nexus]

j0hnik, что с кросс-браузерностью у этого метода?
Тут данные, видимо, старые.

[j0hnik]

Nexus,
https://caniuse.com/#search=scrollIntoView
с плавностью только современные браузеры, к сожалению

[snut8]

и на этом спасибо очень помогли

[Nexus]

snut8, для старых браузеров плавность можно прикрутить.
https://learn.javascript.ru/js-animation

[Alexandroppolus]

для behavior:'smooth' есть полифил, просто его добавить и всё.