window方法:scrollTo()
scrollTo()方法
scrollTo()方法可以滚动到文档中的一组特定坐标。
scrollTo()方法语法
window.scrollTo(x-coord, y-coord)
window.scrollTo(options)
参数
- x-coord是您希望在左上角显示的文档水平轴上的像素。
- y-coord是您希望在左上角显示的文档垂直轴上的像素。
- options是一个具有三种可能属性的对象:
- top,这和y-coord是一样的;
- left,这和x-coord是一样的;
- behavior,它是一个包含smooth,instant或auto的字符串
默认是auto。
示例
window.scrollTo( 0, 1000 );
// this changes the scrolling behavior to "smooth"
window.scrollTo({
top: 1000,
behavior: "smooth"
});
笔记
此函数与window.scroll()实际上相同。有关相对滚动,请参阅window.scrollBy(),window.scrollByLines()和window.scrollByPages()。
规范
规范 | 状态 | 注释 |
---|---|---|
CSS对象模型(CSSOM)视图模块
该规范中'window.scroll()'的定义。
|
Working Draft
|
初步定义 |
浏览器兼容性
电脑端 | 移动端 | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome
|
Edge
|
Firefox
|
Internet Explorer
|
Opera
|
Safari
|
Android webview | Chrome for Android
|
Edge Mobile | Firefox for Android
|
Opera for Android
|
iOS Safari | |
基本支持 | 支持 | 支持 | 支持 | 支持 | 支持 | 支持 | 支持 | 支持 | 支持 | 支持 | ? | 支持 |