scrollTo方法的平滑滚动

最新推荐文章于 2025-06-25 09:39:01 发布

LingRuiBin

最新推荐文章于 2025-06-25 09:39:01 发布

阅读量3.2w

点赞数 14

CC 4.0 BY-SA版权

分类专栏： H5

本文链接：https://blog.youkuaiyun.com/qq_29484537/article/details/93912907

H5 专栏收录该内容

11 篇文章

订阅专栏

本文详细介绍了HTML中scrollTo方法的两种使用方式，包括指定坐标滚动和平滑滚动的实现，为前端开发者提供了实用的滚动效果控制技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

scrollTo有两种语法：

1.scrollTo(x,y)   //指定滚动到x轴和y轴的位置
2.scrollTo(options)  //options有三个参数，（left,top,behavior ）,
top 等同于  y-coord
left 等同于  x-coord
behavior  类型String,表示滚动行为,支持参数 smooth(平滑滚动),instant(瞬间滚动),默认值auto,实测效果等同于instant
   window.scrollTo({
                    top: 0,
                    behavior: "smooth"
                });