HTML DOM 元素 scrollLeft
示例
獲取“myDIV”內容水平滾動了多少畫素
const element = document.getElementById("myDIV");
let x = elmnt.scrollLeft;
let y = elmnt.scrollTop;
自己動手試一試 »
將“myDIV”的內容水平滾動 到 50 畫素，垂直滾動 10 畫素
const element = document.getElementById("myDIV");
element.scrollLeft = 50;
element.scrollTop = 10;
自己動手試一試 »
將“myDIV”的內容水平滾動 BY 50 畫素，垂直滾動 10 畫素
const element = document.getElementById("myDIV");
element.scrollLeft += 50;
element.scrollTop += 10;
自己動手試一試 »
更多示例見下文。
描述
scrollLeft 屬性設定或返回元素內容水平滾動的畫素數。
語法
返回 scrollLeft 屬性
元素.scrollLeft
設定 scrollLeft 屬性
元素.scrollLeft = 畫素
屬性值
| 值 | 描述 |
| 畫素 | 元素內容水平滾動的畫素數。 如果該數字為負，則將其設定為 0。 如果元素無法滾動，則該數字設定為 0。 如果該數字大於允許的最大值，則將其設定為最大值。 |
返回值
| 型別 | 描述 |
| Number | 元素內容水平滾動的畫素數。 |
更多示例
示例
將 <body> 的內容水平滾動 30 畫素，垂直滾動 10 畫素
const html = document.documentElement;
html.scrollLeft += 30;
html.scrollTop += 10;
自己動手試一試 »
瀏覽器支援
element.scrollLeft 在所有瀏覽器中都受支援
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 是 |
