scrollTop屬性設(shè)置或返回元素內(nèi)容垂直滾動(dòng)的像素?cái)?shù)。
元素的scrollTop值是從元素頂部到其最頂部可見內(nèi)容的距離的度量。當(dāng)元素的內(nèi)容未生成垂直滾動(dòng)條時(shí),則其scrollTop值為0。
使用scrollLeft屬性設(shè)置或返回元素內(nèi)容向左(水平)滾動(dòng)的像素?cá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 | 是 | 是 | 是 | 是 | 是 |
| 值 | 描述 |
|---|---|
| pixels | 指定元素內(nèi)容垂直滾動(dòng)的像素?cái)?shù) |
| 返回值: | 一個(gè)數(shù)字,表示元素的內(nèi)容已垂直滾動(dòng)的像素?cái)?shù) |
|---|---|
| DOM版本: | CSS對象模型(CSSOM) |
垂直滾動(dòng)DIV的內(nèi)容50px:
document.getElementById('container').scrollTop += 50;測試看看?/?垂直滾動(dòng)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;測試看看?/?
HTML DOM參考:scrollLeft屬性