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 对象