Please note, this is a STATIC archive of website developer.mozilla.org from November 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

Element.scrollTop

这篇翻译不完整。请帮忙从英语翻译这篇文章

这个Element.scrollTop 属性可以设置或者获取一个元素距离他容器顶部的像素距离。一个元素的 scrollTop 是可以去计算出这个元素距离它容器顶部的可见高度。当一个元素的容器没有产生垂直方向的滚动条,那它的 scrollTop 的值默认为0.

语法

// 获得滚动的距离
var  intElemScrollTop = someElement.scrollTop;

运行下面的代码, 可以去给一个元素设置一个正确的像素整型数值,如果element的容器已经被滚动了.

// 设置滚动的距离
element.scrollTop = intValue;

scrollTop可以被设置任何的整数, 但以下情况会报错:

  • 如果一个元素不能被滚动 (e.g. 它没有益处容器或者 这个元素是不可滚动的), scrollTop被设置为0.
  • 设置scrollTop的值小于0,scrollTop 被设为0
  • 如果设置了超出这个容器可滚动的值, scrollTop 会被设为最大值.

Example

padding-top

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

padding-bottom

Left Top Right Bottom margin-top margin-bottom border-top border-bottom

Image:scrollTop.png

Specifications

Specification Status Comment
CSS Object Model (CSSOM) View Module
scrollTop
Working Draft  

References

文档标签和贡献者

标签: 
 此页面的贡献者: MeCKodo
 最后编辑者: MeCKodo,