页面返回顶部过渡-Window.scrollTo()

滚动到文档中的某个坐标。(有过渡效果)

语法

window.scrollTo(x-coord,y-coord )

window.scrollTo(options)

参数

• x-coord 是文档中的横轴坐标。
• y-coord 是文档中的纵轴坐标。
• options 是一个包含三个属性的对象:

1. top 等同于 y-coord
2. left 等同于 x-coord
3. behavior 类型String,表示滚动行为,支持参数 smooth(平滑滚动),instant(瞬间滚动),默认值auto,实测效果等同于instant

例子

window.scrollTo( 0, 1000 );

// 设置滚动行为改为平滑的滚动
window.scrollTo({ 
    top: 1000, 
    behavior: "smooth" 
});

注意

该函数实际上和 window.scroll是一样的。 相对滚动可以参考 window.scrollBy，window.scrollByLines，和 window.scrollByPages。

参考

MDN文档
5种回到顶部的写法从实现到增强