Window scrollBy() 方法
页面下方有更多实例。
定义和用法
scrollBy() 方法按指定的像素数滚动文档。
注释: 要使此方法有效，必须将窗口滚动条的 visible 属性设置为 true！
浏览器支持
| 方法 | |||||
|---|---|---|---|---|---|
| scrollBy() | Yes | Yes | Yes | Yes | Yes |
语法
window.scrollBy(xnum, ynum)
参数值
| 参数 | 类型 | 描述 |
|---|---|---|
| xnum | Number | 必需。 沿x轴（水平）滚动多少像素。正值将向右滚动，而负值将向左滚动 |
| ynum | Number | 必需。 沿y轴（垂直）滚动多少像素。正值将向下滚动，而负值将向上滚动 |
技术细节
| 返回值: | 无返回值 |
|---|
更多实例
实例
水平和垂直滚动文档:
<button onclick="scrollWin(0, 50)">Scroll down</button>
<button onclick="scrollWin(0, -50)">Scroll up</button>
<button onclick="scrollWin(100, 0)">Scroll right</button>
<button onclick="scrollWin(-100, 0)">Scroll left</button>
<script>
function scrollWin(x, y) {
window.scrollBy(x, y);
}
</script>
亲自试一试 »
<button onclick="scrollWin(0, -50)">Scroll up</button>
<button onclick="scrollWin(100, 0)">Scroll right</button>
<button onclick="scrollWin(-100, 0)">Scroll left</button>
<script>
function scrollWin(x, y) {
window.scrollBy(x, y);
}
</script>
相关页面
Window 对象: scrollTo() 方法
❮ Window 对象
