JavaScript 對象
- JavaScript Array 對象
- JavaScript Boolean 對象
- JavaScript CSS 樣式聲明對象
- JavaScript Math 對象
- JavaScript Number 對象
- JavaScript String 對象
- JavaScript 正則表達(dá)式(RegExp) 對象
- JavaScript Console 對象
JavaScript 參考手冊
JS DOM參考手冊
Window scrollBy() 方法
scrollBy()方法以指定的像素數(shù)在窗口中滾動文檔。
scrollBy()滾動指定的像素數(shù)，而window.scrollTo()滾動到文檔中的絕對位置。
語法：
window.scrollBy(x-coord, y-coord)
<button onclick="window.scrollBy(100, 0);">Click</button>測試看看?/?
瀏覽器兼容性
所有瀏覽器都完全支持scrollBy()方法：
| 方法 |  |  |  |  |  |
| scrollBy() | 是 | 是 | 是 | 是 | 是 |
參數(shù)值
| 參數(shù) | 描述 |
|---|---|
| x-coord | 您要滾動的水平像素值。正值將向右滾動，而負(fù)值將向左滾動。 |
| y-coord | 您要滾動的垂直像素值。正值將向下滾動，而負(fù)值將向上滾動。 |
技術(shù)細(xì)節(jié)
| 返回值： | 沒有 |
|---|
更多實(shí)例
垂直滾動文檔100像素：
<button onclick="window.scrollBy(0, 100);">Click</button>測試看看?/?
水平和垂直滾動文檔：
<button onclick="window.scrollBy(0, 50)">向下滾動</button> <button onclick="window.scrollBy(0, -50)">向上滾動</button> <button onclick="window.scrollBy(100, 0)">向右滾動</button> <button onclick="window.scrollBy(-100, 0)">向左滾動</button>測試看看?/?
相關(guān)參考
窗口(Window)參考：window.scrollTo()方法
HTML DOM參考：element.scrollLeft屬性
HTML DOM參考：element.scrollTop屬性