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" 的内容经过水平 50 像素，垂直 10 像素：

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

下面有更多示例。

描述

这个scrollLeft属性设置或返回元素内容水平滚动的像素数。

返回scrollLeft属性：

element.scrollLeft

设置scrollLeft属性：

element.scrollLeft = pixels

Value	Description
pixels	The number of pixels the element's content is scrolled horizontally. If the number is negative, the number is set to 0. If the element cannot be scrolled, the number is set to 0. If the number is greater than maximum allowed, the number is set to the maximum.

类型	描述
数字	元素内容水平滚动的像素数。

element.scrollLeft所有浏览器都支持：


Chrome	Edge	Firefox	Safari	Opera	IE
Yes	Yes	Yes	Yes	Yes	Yes