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;
自己尝试 »
更多示例如下。
描述
The scrollLeft 属性设置或返回元素内容水平滚动的像素数。
语法
返回 scrollLeft 属性
element.scrollLeft
设置 scrollLeft 属性
element.scrollLeft = pixels
属性值
| 值 | 描述 |
| pixels | 元素内容水平滚动的像素数。 如果数字为负数，则将其设置为 0。 如果元素不可滚动，则将其设置为 0。 如果数字大于最大允许值，则将其设置为最大值。 |
返回值
| 类型 | 描述 |
| 数字 | 元素内容水平滚动的像素数。 |
更多示例
示例
将 <body> 内容水平滚动 30 像素，垂直滚动 10 像素
const html = document.documentElement;
html.scrollLeft += 30;
html.scrollTop += 10;
自己尝试 »
浏览器支持
element.scrollLeft 在所有浏览器中都受支持
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 是 |
