HTML DOM Element scrollLeft 屬性

定義和用法

scrollLeft 屬性設置或返回元素內容水平滾動的像素數。

另請參閱：

scrollTop 屬性

CSS overflow 屬性

onscroll 事件

實例

例子 1

獲取滾動 "myDIV" 的內容的像素數：

const element = document.getElementById("myDIV");
let x = elmnt.scrollLeft;
let y = elmnt.scrollTop;

親自試一試

例子 2

將 "myDIV" 的內容水平滾動到 50 像素，垂直滾動到 10 像素：

const element = document.getElementById("myDIV");
element.scrollLeft = 50;
element.scrollTop = 10;

親自試一試

例子 3

將 "myDIV" 的內容水平滾動 50 像素，垂直滾動 10 像素：

const element = document.getElementById("myDIV");
element.scrollLeft += 50;
element.scrollTop += 10;

親自試一試

例子 4

將 <body> 的內容水平滾動 30 像素，垂直滾動 10 像素：

const html = document.documentElement;
html.scrollLeft += 30;
html.scrollTop += 10;

親自試一試

語法

返回 scrollLeft 屬性：

element.scrollLeft

設置 scrollLeft 屬性：

element.scrollLeft = pixels

屬性值

值 描述
pixels

元素內容水平滾動的像素數。

  • 如果該數字為負數，則該數字設置為 0。
  • 如果元素無法滾動，則該數字設置為 0。
  • 如果該數大于允許的最大值，則將該數設置為最大值。

返回值

類型 描述
數字 元素內容水平滾動的像素數。

瀏覽器支持

所有瀏覽器都支持 element.scrollLeft：

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