Window.scrollBy()

在此页

Window.scrollBy() 方法按给定数量卷动窗口文档。

window.scrollBy(x-coord, y-coord);
window.scrollBy(options)

- 或 -

要向下卷动一页：

window.scrollBy(0, window.innerHeight);

要向上卷动：

window.scrollBy(0, -window.innerHeight);

使用 选项 :

window.scrollBy({
  top: 100,
  left: 100,
  behavior: 'smooth'
});

window.scrollBy() 按特定数量卷动，而 window.scroll() 滚动到文档的绝对位置。另请参阅 window.scrollByLines() and window.scrollByPages() .

规范	状态	注释
CSSOM (CSS 对象模型) 视图模块在该规范中的 window.scrollBy() 定义。	工作草案	初始定义。

The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request. 更新 GitHub 上的兼容性数据

	桌面						移动
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`scrollBy`	Chrome 1	Edge 79 79 不支持 12 — 79 仅 `scrollBy(x-coord, y-coord)` is supported.	Firefox 1	IE 部分支持 11 部分支持 11 仅 `scrollBy(x-coord, y-coord)` is supported.	Opera 3	Safari 1	WebView Android 1	Chrome Android 18	Firefox Android 4	Opera Android 10.1	Safari iOS 1	Samsung Internet Android 1.0
`ScrollToOptions` 参数	Chrome 45	Edge 79	Firefox Yes	IE No	Opera 32	Safari No	WebView Android 45	Chrome Android 45	Firefox Android Yes	Opera Android 32	Safari iOS No	Samsung Internet Android 5.0