平滑滚动不提供React.JS的功能(尝试多个包)?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (125)

我想知道是否有人可以指出我在使用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();

哪个有效,但不是一个平滑的滚动功能有添加的参数,这使得这是一个平稳的操作,但铬不支持。

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

当我实现这种变化时,我得到ZERO响应或控制台输出。如果有人能帮助我,我会非常感激。

问候。

提问于
用户回答回答于

看来chrome已经更新了方法,现在可以使用了。

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

扫码关注云+社区

领取腾讯云代金券