Window scrollBy()
示例
水平滚动文档 100 像素
window.scrollBy(100, 0);
试试看 »
垂直滚动文档 100 像素
window.scrollBy(0, 100);
试试看 »
更多示例在下面。
描述
The 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 |
| 是 | 是 | 是 | 是 | 是 | 是 |
