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属性