scrollTo

页面滚动方法

Posted by luoruiqing on May 11, 2020

滚动到文档中的某个坐标

语法

window.scrollTo

参数

  • x-coord 是文档中的横轴坐标。
  • y-coord 是文档中的纵轴坐标。
  • options 是一个包含三个属性的对象:
    • top 等同于 y-coord
    • left 等同于 x-coord
    • behavior 类型String,表示滚动行为,支持参数 smooth(平滑滚动),instant(瞬间滚动),默认值auto,实测效果等同于instant

例子

1
2
3
4
5
6
7
window.scrollTo( 0, 1000 );

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