滚动到顶 scrollTo(0, 0) 在用户浏览器页面正在滚动时不好用,有什么办法吗?

2021-12-22 10:02:16 +08:00
 makelove

如果用户滑了下屏幕,网页正在滚动(可能要几秒才停),这时调用 scrollTo(0, 0) 完全不行,会抖动且不会到顶,有没有我不知道的方法直接停掉原生的滚动动画?

2297 次点击
所在节点    Web Dev
5 条回复
juzisang
2021-12-22 10:54:57 +08:00
先 overflow: hidden; 然后在 scrollTo(0, 0) ?
ddzy
2021-12-22 11:16:48 +08:00
makelove
2021-12-22 11:21:03 +08:00
@juzisang 试了下的确是可行的

article.style.overflow = 'hidden'
article.scrollTo(0, 0)
article.style.overflow = 'auto'
lin07hui
2021-12-22 14:16:48 +08:00
用了 overflow 后,还要用 scrollTo ?
makelove
2021-12-22 18:23:08 +08:00
@lin07hui 对啊,把 scrollTo 去了你会发现毫无作用

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/823675

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX