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 对象