我使用react-scroll库来处理我的React应用程序上的滚动。我想滚动到顶部的时候,一个特定的按钮被点击,但我不希望它滚动顺畅,这似乎是默认启用。我已经尝试了下面的代码,但是页面仍然可以平滑地滚动,尽管持续时间成功地更改为2秒。我已经尝试了smooth属性的其他值,比如easeInQuart等,它们都工作得很好。我也尝试将false放在引号中,但无济于事。
<button onClick={() => animateScroll.scrollToTop({
duration: 2000,
smooth: false
})}>
</button>编辑:
正如Bronson在下面指出的,该行为满足window.scrollTo方法的要求。为了澄清,我想知道为什么上面的代码不显示相同的行为,否则如果smooth属性始终处于启用状态,接受它的boolean值有什么意义?
发布于 2020-06-12 04:25:31
如果我理解正确的话,您只是想立即将用户带回窗口顶部?如果是这样,您可能希望在这里避免使用react-scroll,而只使用浏览器的window.scrollTo方法:
<button onClick={() => window.scrollTo(0,0)}>
</button>发布于 2021-09-12 18:16:27
在CSS文件中,将此代码写入任意位置,
html{
scroll-behavior: auto !important;
}https://stackoverflow.com/questions/62332854
复制相似问题