怎样将页面滚动至特定位置
有三个方法和页面滚动相关:
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);