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