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 |
| 是 | 是 | 是 | 是 | 是 | 是 |
