Window scrollBy()
示例
水平滚动文档 100px
window.scrollBy(100, 0);
自己动手试一试 »
垂直滚动文档 100px
window.scrollBy(0, 100);
自己动手试一试 »
更多示例见下文。
描述
scrollBy() 方法根据指定的像素数滚动文档。
语法
window.scrollBy(x, y)或者scrollBy(x, y)
参数
| 参数 | 描述 |
| x | 必需。 要滚动的像素数（水平）。 正值向右滚动，负值向左滚动。 |
| y | 必需。 要滚动的像素数（垂直）。 正值向下滚动，负值向上滚动。 |
返回值
| 无 |
更多示例
上下滚动文档
<button onclick="scrollWin(0, 50)">向下滚动</button>
<button onclick="scrollWin(0, -50)">向上滚动</button>
<script>
function scrollWin(x, y) {
window.scrollBy(x, y);
}
</script>
自己动手试一试 »
左右滚动文档
<button onclick="scrollWin(100, 0)">向右滚动</button>
<button onclick="scrollWin(-100, 0)">向左滚动</button>
<script>
function scrollWin(x, y) {
window.scrollBy(x, y);
}
</script>
自己动手试一试 »
浏览器支持
scrollBy() 在所有浏览器中都受支持。
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 是 |
