Window.scrollBy()
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.
Window.scrollBy() 方法在窗口中按指定的偏移量滚动文档。
语法
js
scrollBy(x-coord, y-coord) scrollBy(options) 参数
x-coord是你想滚动的水平像素值。y-coord是你想滚动的垂直像素值。
- 或:
返回值
无(undefined)。
示例
向下滚动一页:
js
window.scrollBy(0, window.innerHeight); 向上滚动一页:
js
window.scrollBy(0, -window.innerHeight); 使用 options:
js
window.scrollBy({ top: 100, left: 100, behavior: "smooth", }); 备注
window.scrollBy() 滚动指定的距离,而 window.scroll() 滚动至文档中的绝对位置。参见 window.scrollByLines() 和 window.scrollByPages()。
规范
| Specification |
|---|
| CSSOM View Module> # dom-window-scrollby> |
浏览器兼容性
Loading…