首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >无法在react-scroll scrollToTop中禁用平滑滚动

无法在react-scroll scrollToTop中禁用平滑滚动
EN

Stack Overflow用户
提问于 2020-06-12 04:18:06
回答 2查看 240关注 0票数 0

我使用react-scroll库来处理我的React应用程序上的滚动。我想滚动到顶部的时候,一个特定的按钮被点击,但我不希望它滚动顺畅,这似乎是默认启用。我已经尝试了下面的代码,但是页面仍然可以平滑地滚动,尽管持续时间成功地更改为2秒。我已经尝试了smooth属性的其他值,比如easeInQuart等,它们都工作得很好。我也尝试将false放在引号中,但无济于事。

代码语言:javascript
复制
<button onClick={() => animateScroll.scrollToTop({
      duration: 2000,
      smooth: false
    })}>
</button>

编辑:

正如Bronson在下面指出的,该行为满足window.scrollTo方法的要求。为了澄清,我想知道为什么上面的代码不显示相同的行为,否则如果smooth属性始终处于启用状态,接受它的boolean值有什么意义?

EN

回答 2

Stack Overflow用户

发布于 2020-06-12 04:25:31

如果我理解正确的话,您只是想立即将用户带回窗口顶部?如果是这样,您可能希望在这里避免使用react-scroll,而只使用浏览器的window.scrollTo方法:

代码语言:javascript
复制
<button onClick={() => window.scrollTo(0,0)}>
</button>
票数 1
EN

Stack Overflow用户

发布于 2021-09-12 18:16:27

在CSS文件中,将此代码写入任意位置,

代码语言:javascript
复制
html{
  scroll-behavior: auto !important;
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/62332854

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档