编辑这个页面须要登录或更高权限！

Window scrollBy() 方法

JavaScript Window 对象

scrollBy()方法以指定的像素数在窗口中滚动文档。

scrollBy()滚动指定的像素数，而window.scrollTo()滚动到文档中的绝对位置。

语法：

window.scrollBy(x-coord, y-coord)
<button onclick="window.scrollBy(100, 0);">Click</button>
测试看看‹/›

浏览器兼容性

所有浏览器都完全支持scrollBy()方法：

方法
scrollBy()是是是是是

参数值

参数描述
x-coord您要滚动的水平像素值。正值将向右滚动，而负值将向左滚动。
y-coord您要滚动的垂直像素值。正值将向下滚动，而负值将向上滚动。

技术细节

返回值：没有

更多实例

垂直滚动文档100像素：

<button onclick="window.scrollBy(0, 100);">Click</button>
测试看看‹/›

水平和垂直滚动文档：

<button onclick="window.scrollBy(0, 50)">向下滚动</button>
<button onclick="window.scrollBy(0, -50)">向上滚动</button>
<button onclick="window.scrollBy(100, 0)">向右滚动</button>
<button onclick="window.scrollBy(-100, 0)">向左滚动</button>
测试看看‹/›

相关参考

窗口(Window)参考：window.scrollTo()方法

HTML DOM参考：element.scrollLeft属性

HTML DOM参考：element.scrollTop属性

JavaScript Window 对象

JS Storage 对象JavaScript Window 对象