如何在纯javascript中添加平滑滚动动画？

我使用纯javascript的垂直滚动。我需要这个滚动有平滑的行为

功能上移（滚动导航）
{
var container=document.getElementById（滚动导航）；
upScroll（集装箱，'up'，40,50,10）；
}
功能下移（滚动导航）
{
var container=document.getElementById（滚动导航）；
向上旋转（容器，“向下”，40,50,10）；
}
功能上滚动（元素、方向、速度、距离、步长）
{
滚动量=0；
var slideTimer=setInterval（函数（）{
如果（方向==“向上”）{
element.scrollTop-=步骤；
}否则{
element.scrollTop+=步长；
}
滚动量+=步长；
如果（滚动量>=距离）{
窗口清除间隔（slideTimer）；
}
}，速度）；
}

元素。滚动到（{top:…，行为：'smooth'}）

元素。滚动到（{top:…，行为：'smooth'}）
不，我想要平滑的动画效果。谢谢你的代码这就是
行为：“平滑”
不，我想要平滑的动画效果。谢谢你的代码这就是
行为：“平滑”
的作用