移动端的Smooth Scroll为什么失效了?

司空子璐 阅读 39

大家好,我在给网页加平滑滚动效果时遇到个怪问题。用了scroll-behavior: smooth后,桌面端点击锚点都能平滑滚动,但手机测试直接跳转。我查了CSS优先级没问题,还试过用JavaScript写window.scrollTo(),移动端还是没效果,这是为啥啊?

代码是这样的:

html {
  scroll-behavior: smooth;
}

然后链接用了这种标准写法。是不是移动端需要特殊处理?求大神指点迷津…

我来解答 赞 6 收藏
二维码
手机扫码查看
1 条解答
雅涵
雅涵 Lv1
你这个问题,移动端确实不完全支持scroll-behavior。用JavaScript监听点击事件,然后用scrollTo({top: pos, behavior: 'smooth'})搞定。CSS那一套先撤了吧。
点赞 9
2026-02-04 14:02