HTML DOM scrollTop 屬性

HTML DOM Element 對象

scrollTop屬性設(shè)置或返回元素內(nèi)容垂直滾動的像素數(shù)。

元素的scrollTop值是從元素頂部到其最頂部可見內(nèi)容的距離的度量。當(dāng)元素的內(nèi)容未生成垂直滾動條時，則其scrollTop值為0。

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

語法：

返回scrollTop屬性：

element.scrollTop

設(shè)置scrollTop屬性：

element.scrollTop = pixels

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

瀏覽器兼容性

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

屬性
scrollTop	是	是	是	是	是

屬性值

技術(shù)細節(jié)

更多實例

垂直滾動DIV的內(nèi)容50px：

document.getElementById('container').scrollTop += 50;

垂直滾動BODY的內(nèi)容100像素：

var body = document.body;// For Safari
var html = document.documentElement; // Chrome, Firefox, IE and Opera
   
body.scrollTop += 100;
html.scrollTop += 100;

相關(guān)參考

HTML DOM參考：scrollLeft屬性

HTML DOM Element 對象