Javascript 平滑滚动按钮

我正在做一个平滑滚动到页面底部的按钮。按钮正在工作，但没有平滑动画。有人知道我做错了什么吗？按钮到顶部的相同代码工作正常。我需要这样做没有CSS“平滑”

document.getElementById（“buttondown”）.onclick=function（）{
scrollTo（555502000）；
}
//要移动的元素或位置+时间（毫秒）
函数滚动到（元素、持续时间）{
var rootelement=document.documentElement；
if（rootelement.scrollTop==0）{
var up=rootelement.scrollTop；
++rootelement.scrollTop；
rootelement=up+1===rootelement.scrollTop-？rootelement:document.body；
}
scrollToC（rootelement，rootelement.scrollTop，element，duration）；
}
//要移动的元素，元素或像素从，元素或像素到，设置动画的时间（毫秒）
函数scrollToC（元素、起始、结束、持续时间）{
如果（持续时间1 | |速度，则可以向函数添加平滑行为：

document.getElementById("buttondown").onclick = function() {
  window.scrollTo({
     top: 100,
     left: 100,
     behavior: 'smooth'
  });
}

谢谢Kokodoko！但是我对CSS行为有一个问题：“平滑”不适用于所有浏览器，需要使用JavaScript。
document.getElementById("buttondown").onclick = function() {
  window.scrollTo({
     top: 100,
     left: 100,
     behavior: 'smooth'
  });
}