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属性