HTML DOM scrollLeft 属性

Oggetto Elemento HTML DOM

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

注意：如果元素的direction(方向)Sì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属性：

Valore dell'attributo

Dettagli tecnici

Più esempi

Scorri il contenuto del DIV di 20 pixel:

document.getElementById('container').scrollLeft += 20;

Scorri il contenuto del BODY di 100 pixel:

var body = document.body; // Per Safari
var html = document.documentElement; // Chrome, Firefox, IE e Opera
　　　
body.scrollLeft += 100;
html.scrollLeft += 100;

Riferimenti correlati

Riferimento HTML DOMProprietà scrollTop

Oggetto Elemento HTML DOM