编辑这个页面须要登录或更高权限！

HTML DOM scrollTop 属性

HTML DOM Element 对象

scrollTop属性设置或返回元素内容垂直滚动的像素数。

元素的scrollTop值是从元素顶部到其最顶部可见内容的距离的度量。当元素的内容未生成垂直滚动条时，则其scrollTop值为0。

使用scrollLeft属性设置或返回元素内容向左（水平）滚动的像素数。

语法：

返回scrollTop属性：

element.scrollTop

设置scrollTop属性：

element.scrollTop = pixels
var elem = document.getElementById("container");
var x = elem.scrollLeft;
var y = elem.scrollTop;
测试看看‹/›

浏览器兼容性

所有浏览器都完全支持scrollTop属性：

属性
scrollTop是是是是是

属性值

值描述
pixels指定元素内容垂直滚动的像素数

技术细节

返回值：一个数字，表示元素的内容已垂直滚动的像素数
DOM版本：CSS对象模型（CSSOM）

更多实例

垂直滚动DIV的内容50px：

document.getElementById('container').scrollTop += 50;
测试看看‹/›

垂直滚动BODY的内容100像素：

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

相关参考

HTML DOM参考：scrollLeft属性

HTML DOM Element 对象

JavaScript History 对象HTML DOM Element 对象