怎样将页面滚动至特定位置

有三个方法和页面滚动相关: 

 

1. window.scrollTo()

函参是两个数值, 单位为px, 表示从网页左上角为零点的x轴和y轴滚动距离, 下面代码表示将页面滚动至顶部: 

window.scrollTo(0, 0);

此外, 这个方法还可以像下面这样使用: 

var options = {
    "top": 0,
    "left": 0,
    "behavior": "smooth"
}

window.scrollTo(options);


// "behavior"字段默认为: "auto", 此外还可以选: "instant" 和 "smooth" 表示页面滚动的方式为: 直接滚动和平滑滚动

 

2. window.scroll() 是 window.scrollTo() 的别名. 

 

3. window.scrollBy() 和window.scrollTo()作用一样, 只是滚动距离计算是按照当前位置来计算的.

比如下面的滚动不是滚动到距离页面顶部的距离为100, 而是距离当前位置100px:

window.scrollBy(0, 200);