kun的记事本 - js&html&css&php

scrollTop

作者：kun10 发布时间：June 20, 2011 分类：JavaScript

scrollTop
项目里面用了这样的一句话


var theScrollTop = document.documentElement.scrollTop || document.body.scrollTop;

scrollTop属性是什么? 有些情况下,“元素中内容”的高度会超过“元素本身”的高度,这时候我们有时就会用到scrollTop
初始状态下，“内层元素的上边界”和“外层元素的上边界”重合，没有任何内容超过“外层元素的上边界”，此时scrollTop属性的值为0。
当向下拖动滚动条时，超过“外层元素的上边界”的内容会逐渐增多，scrollTop值就等于这些超出的部分。
在项目中我使用scrollTop计算页面的滚动量。

当html文档头部包含有“文档类型声明”时，需要用document.documentElement.scrollTop获得正确的值，而document.body.scrollTop的值为0
当html文档头部不包含任何“文档类型声明”时，需要用document.body.scrollTop获得正确的值，而document.documentElement.scrollTop的值为0

上面是网上抄来的一段，实际使用的时候
在FF下面页面滚动的时候，document.body的scrollTop不会变化，始终为0
而在ie和webkit下面，documentElement的scrollTop不会变化，始终为0
所以，
使用document.documentElement.scrollTop || document.body.scrollTop;来做页面卷过的高度还是挺好的。
记一下

标签: none