window方法:scrollBy()
scrollBy()方法
scrollBy()方法按给定的数量在窗口中滚动文档。
scrollBy()方法语法
window.scrollBy(x-coord, y-coord);
window.scrollBy(options)
参数
- x-coord是您要滚动的水平像素值。
- y-coord是要滚动的垂直像素值。
- options是一个具有三种可能属性的对象:
- top,这和y-coord是一样的;
- left,这和x-coord是一样的;
- behavior,这是一个含有smooth,instant或auto的字符串;
默认是auto。
示例
// scroll down one page
window.scrollBy(0, window.innerHeight);
向上滚动:
window.scrollBy(0, -window.innerHeight);
笔记
window.scrollBy滚动特定的数量,其中window.scroll滚动到文档中的绝对位置。
规范
规范 | 状态 | 注释 |
---|---|---|
CSS对象模型(CSSOM)视图模块
该规范中'window.scrollBy()'的定义。
|
Working Draft
|
初步定义 |
浏览器兼容性
电脑端 | 移动端 | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome
|
Edge
|
Firefox
|
Internet Explorer
|
Opera
|
Safari
|
Android webview | Chrome for Android
|
Edge Mobile | Firefox for Android
|
Opera for Android
|
iOS Safari | |
基本支持 | 支持 | ? | 支持 | ? | ? | 支持 | 支持 | 支持 | ? | 支持 | ? | 支持 |