最新的Web開發教程
 

窗口scrollBy() Method

<窗口對象

100像素水平滾動文檔:

window.scrollBy(100, 0);
試一試»

更多"Try it Yourself"下面的例子。


定義和用法

所述scrollBy()方法通過滾動的像素的指定數量的文檔。

Note:對於這種方法的工作,窗口的滾動條的可見屬性必須設置為true!


瀏覽器支持

方法
scrollBy()

句法

window.scrollBy( 參數值
參數 類型 描述
xnum Number 需要。 多少像素通過滾動,沿著x軸(horizontal) 。 正值將滾動到左側,而負值將滾動到右側
ynum Number 需要。 多少像素通過滾動,沿著y軸(vertical) 。 正值向下滾動,負值向上滾動

技術細節

返回值: 無返回值

例子

更多示例

100像素垂直滾動文檔:

window.scrollBy(0, 100);
試一試»

水平和垂直滾動文檔:

<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>
試一試»

相關頁面

窗口對象: href="met_win_scrollto.html"> scrollTo() Method


<窗口對象