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 |
是 | 是 | 是 | 是 | 是 | 是 |