阅读 283

HTML DOM scrollTop 属性

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 Safarivar html = document.documentElement; // Chrome, Firefox, IE and Opera   
body.scrollTop += 100;
html.scrollTop += 100;

测试看看‹/›


文章分类
代码人生
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐