Javascript 如何在水平滚动上添加平滑滚动效果？

我刚刚看到了弗拉德·达尼拉的答案，但无法重现平滑的滚动效果。有人能帮我吗

下面是我编写的一个示例代码片段：

const buttonRight=document.getElementById（'slideRight'）；
const buttonLeft=document.getElementById（'slidelft'）；
buttonRight.onclick=函数（）{
document.getElementById（'container'）。scrollLeft+=20；
};
buttonLeft.onclick=函数（）{
document.getElementById（'container'）。scrollLeft-=20；
};
#容器{
宽度：145px；
高度：100px；
边框：1px实心#ccc；
溢出-x：滚动；
}
#内容{
宽度：250px；
背景色：#ccc；
}

单击按钮可水平滑动！
向左滑动
向右滑动
您可以使用本机CSS属性，如下所示：


const buttonRight=document.getElementById（'slideRight'）；const buttonLeft=document.getElementById（'slidelft'）；
buttonRight.onclick=函数（）{
document.getElementById（'container'）。scrollLeft+=20；
};
buttonLeft.onclick=函数（）{
document.getElementById（'container'）。scrollLeft-=20；
};
#容器{
宽度：145px；
高度：100px；
边框：1px实心#ccc；
溢出-x：滚动；
滚动行为：平滑；
}
#内容{
宽度：250px；
背景色：#ccc；
}

单击按钮可水平滑动！
向左滑动
向右滑动
您好，非常感谢，如果您能告诉我，我有点好奇如何为该元素添加ponyfill，因为我在这里完全是新手（很简单。您可以使用NPM安装或在本地下载，然后运行
scrollIntoView（）
函数。