React-Scroll duration不适用于Firefox，但适用于Chrome

Question

我正在构建一个使用react-scroll库的网站，并使用Link组件来激活某些转换。我使用的是duration属性，它在Chrome上运行得很好，但是当我在火狐上测试网站时，持续时间没有变化，而且运行速度比Chrome快得多。下面是我的代码：

<Link
   activeClass="active"
   to={this.state.prevSectionId}
   spy={true}
   onSetActive={() => this.handleSectionChange(-1)}
   duration={1000}>
   <FontAwesomeIcon icon={faChevronUp} size="lg" />

我还有一个自定义的button，可以滚动到页面的顶部，而且在火狐中的动画速度也比在Chrome中快得多，而且没有设置持续时间：

<div id="scrollToTopButtonWrapper">
    <button onClick={() => window.scrollTo(0, 0)}>
        <FontAwesomeIcon icon={faArrowCircleUp} size="4x" />
    </button>
</div>

这个问题正在与其他动画一起影响网站的功能，尽管根本原因是它需要运行的持续时间。

Answer 1

所以这个问题似乎是由于在我的css中将scroll-behavior设置为smooth而导致的。我能够解决这个问题，方法是将它从css中删除，并在我的Link组件中添加smooth={true}。