scrollTo平滑滚动

最新推荐文章于 2024-12-30 15:47:25 发布

4.无味

最新推荐文章于 2024-12-30 15:47:25 发布

阅读量2k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 前端

本文链接：https://blog.csdn.net/m0_45077247/article/details/128632138

本文介绍了JavaScript中的window.scrollTo方法，用于定位页面滚动位置。该方法有两种使用方式，一是直接指定x轴和y轴坐标，二是通过options参数设置，包括平滑(smooth)和瞬间(instant)滚动行为。示例代码展示了如何平滑滚动到页面顶部。

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

window.scrollTo() 滚动到文档中的某个坐标

第一种写法：

// 直接指定滚动到x轴和y轴位置
scrollTo(0, 0)

第二种写法：

/** scrollTo(options)
	options 有三个参数
	 - top: 等同于 (y坐标)
	 - left: 等同于 (x坐标)
	 - behavior: 类型为string, 表示滚动行为, 支持参数 smooth(平滑滚动), instant(瞬间滚动), 默认值auto, 实测效果等同于instant
*/

// 示例：
window.scrollTo({
    top: 0,
    left: 0,
    behavior: "smooth"
})