Window scrollBy() 方法

定義和用法

scrollBy() 方法將文檔滾動指定的像素數。

提示：如需使 scrollBy() 方法起作用，文檔必須大于屏幕，并且滾動條必須可見。

另請參閱：

scrollTo() 方法

實例

例子 1

水平滾動文檔 100px：

window.scrollBy(100, 0);

親自試一試

例子 2

垂直滾動文檔 100px：

window.scrollBy(0, 100);

親自試一試

例子 3

上下滾動文檔：

<button onclick="scrollWin(0, 50)">Scroll down</button>
<button onclick="scrollWin(0, -50)">Scroll up</button>
<script>
function scrollWin(x, y) {
  window.scrollBy(x, y);
}
</script>

親自試一試

例子 4

左右滾動文檔：

<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.scrollBy(x, y)

或者：

scrollBy(x, y)

參數

參數 描述
x

必需。要滾動的像素數（水平）。

正值向右滾動，負值向左滾動。
y

必需。要滾動的像素數（垂直）。

正值向下滾動，負值向上滾動。

返回值

無。

瀏覽器支持

所有瀏覽器都支持 scrollBy()：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 支持 支持 支持 支持 支持