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

属性值

技术细节

更多实例

将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 对象