平滑滚动不提供React.JS的任何功能（尝试了多个包）

Question

我想知道是否有人可以在使用React＆Webpack时为我提供正确的方向以实现平滑的滚动功能。

具体来说，我的应用基础正在使用：https://github.com/truffle-box/react-box

尝试打包：

https://github.com/fisshy/react-scroll

https://github.com/iamdustan/smoothscroll

https://github.com/ganderzz/react-scroll-to

https://github.com/flyingant/react-scroll-to-component

我发现的唯一起作用的滚动功能是：

var element = document.getElementsByClassName('test')[0];

element.scrollIntoView();

虽然可以使用，但不是平滑的滚动功能，但需要添加一些参数，这些参数的确可以使它平滑运行，但chrome不支持。

element.scrollIntoView({behavior: "smooth"});

实施此变体时，我得到零响应或控制台输出。如果有人可以帮助我，我将非常感激。

致谢。

Answer 1

似乎chrome已更新了该方法，现在可以使用了。

var element = document.getElementsByClassName('test')[0];
element.scrollIntoView({behavior: "smooth"});