HTML DOM scrollLeft 屬性

HTML DOM Element 對象

scrollLeft屬性設置或返回元素內(nèi)容向左滾動(水平方向)的像素數(shù)。

注意：如果元素的direction(方向)是rtl（從右到左），則當滾動條位于其最右側位置（在滾動內(nèi)容的開頭）時，scrollLeft為0，然后向內(nèi)容末尾滾動時，scrollLeft 逐漸為負。

使用scrollTop屬性可以設置或返回元素內(nèi)容（垂直）滾動到頂部的像素數(shù)。

語法：

返回scrollLeft屬性：

element.scrollLeft

設置scrollLeft屬性：

element.scrollLeft = pixels

var elem = document.getElementById("container");
var x = elem.scrollLeft;
var y = elem.scrollTop;

瀏覽器兼容性

所有瀏覽器都完全支持scrollLeft屬性：

屬性
scrollLeft	是	是	是	是	是

屬性值

技術細節(jié)

更多實例

將DIV的內(nèi)容水平滾動20像素：

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

將BODY的內(nèi)容水平滾動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 對象