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

 

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);

 

发布评论

分享到:

IT源码网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!

怎样移动浏览器窗口位置讲解
你是第一个吃螃蟹的人
发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。