HTML DOM中的scrollTop属性
scrollTop属性是HTML DOM中用于设置或返回元素的内容滚动条的位置。
该属性可以用于所有可滚动的元素和window对象(浏览器窗口)。
设置scrollTop属性
要设置元素的scrollTop属性,请使用以下语法:
element.scrollTop = number;
其中,number是滚动条的位置,以像素为单位。
返回scrollTop属性
要返回元素的scrollTop属性,请使用以下语法:
var x = element.scrollTop;
其中,x是滚动条的位置,以像素为单位。
实例
以下实例演示了如何使用scrollTop属性:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
在上面的代码中,click事件将调用scrollWin()函数,该函数将元素myDiv的scrollTop属性设置为500。