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属性