移动端的Smooth Scroll为什么失效了?
大家好,我在给网页加平滑滚动效果时遇到个怪问题。用了scroll-behavior: smooth后,桌面端点击锚点都能平滑滚动,但手机测试直接跳转。我查了CSS优先级没问题,还试过用JavaScript写window.scrollTo(),移动端还是没效果,这是为啥啊?
代码是这样的:
html {
scroll-behavior: smooth;
}
雅涵
Lv1
你这个问题,移动端确实不完全支持scroll-behavior。用JavaScript监听点击事件,然后用scrollTo({top: pos, behavior: 'smooth'})搞定。CSS那一套先撤了吧。
点赞
9
2026-02-04 14:02