HTML DOM scrollLeft 属性

HTML DOM Element 对象

scrollLeft属性设置或返回元素内容向左滚动(水平方向)的像素数。

注意:如果元素的direction(方向)rtl(从右到左),则当滚动条位于其最右侧位置(在滚动内容的开头)时,scrollLeft为0,然后向内容末尾滚动时,scrollLeft 逐渐为负。

使用scrollTop属性可以设置或返回元素内容(垂直)滚动到顶部的像素数。

语法:

返回scrollLeft属性:

element.scrollLeft

设置scrollLeft属性:

element.scrollLeft = pixels
var elem = document.getElementById("container");
var x = elem.scrollLeft;
var y = elem.scrollTop;
测试看看‹/›

浏览器兼容性

所有浏览器都完全支持scrollLeft属性:

属性
scrollLeft

属性值

描述
pixels指定元素内容水平滚动的像素数

技术细节

返回值:一个数字,表示元素内容已水平滚动的像素数
DOM版本:CSS对象模型(CSSOM)

更多实例

将DIV的内容水平滚动20像素:

document.getElementById('container').scrollLeft += 20;
测试看看‹/›

将BODY的内容水平滚动100像素:

var body = document.body;// For Safari
var html = document.documentElement; // Chrome, Firefox, IE and Opera
   
body.scrollLeft += 100;
html.scrollLeft += 100;
测试看看‹/›

相关参考

HTML DOM参考:scrollTop属性

HTML DOM Element 对象