doc.documentElement.scrollTop&&doc.body.scrollTop
2012-03-16 09:00
405 查看
doc = document; doc.documentElement.scrollTop, doc.body.scrollTop的区别
scrollTop 是指对象被卷去的高度,在body对象上就是指窗口被滚动条卷去的高度,如果在其他的对象上,那么就是容器被滚动条卷去的高度
其实 doc.documentElement.scrollTop, doc.body.scrollTop 都是指窗口被滚动条卷去的高度,是一个意思。那么为什么还有两个呢?
本质:
如果页面具有 DTD(或者说指定了 DOCTYPE)时,使用 document.documentElement。
如果页面不具有 DTD(或者说没有指定了 DOCTYPE)时,使用 document.body。
常见兼容性的写法:scrollTop = doc.documentElement.scrollTop|| doc.body.scrollTop ;
scrollTop 是指对象被卷去的高度,在body对象上就是指窗口被滚动条卷去的高度,如果在其他的对象上,那么就是容器被滚动条卷去的高度
其实 doc.documentElement.scrollTop, doc.body.scrollTop 都是指窗口被滚动条卷去的高度,是一个意思。那么为什么还有两个呢?
本质:
如果页面具有 DTD(或者说指定了 DOCTYPE)时,使用 document.documentElement。
如果页面不具有 DTD(或者说没有指定了 DOCTYPE)时,使用 document.body。
常见兼容性的写法:scrollTop = doc.documentElement.scrollTop|| doc.body.scrollTop ;
相关文章推荐
- document.body.scrollTop vs document.documentElement.scrollTop && document.body.scrollHeight vs document.documentElement.scrollHeight
- 火狐、谷歌、IE关于document.body.scrollTop和document.documentElement.scrollTop 以及值为0的问题
- 不同浏览器对document.documentElement和document.body的scrollheight ,scrollTop,clientHeight以及判断滚动条是否滚动到页面最底部 【转载】
- document.body.scrollTop与document.documentElement.scrollTop兼容
- document.body.scrollTop vs document.documentElement.scrollTop
- 关于document.documentElement.scrollTop和document.body.scrollTop的区别
- 获取scrollTop兼容各浏览器的方法,以及body和documentElement是啥?
- 火狐、谷歌、IE关于document.body.scrollTop和document.documentElement.scrollTop 以及值为0的问题
- 不同浏览器对document.documentElement和document.body的scrollheight ,scrollTop,clientHeight以及判断滚动条是否滚动到页面最底部 【转载】
- document.documentElement.scrollTop||document.body.scrollTop;
- 页面各元素位置和距离对象关系图解。 (深入document.documentElement、body.clentTop、div.scrollTop、div.scrollHeight、body.offsetWidth and so on)
- 模式浏览器火狐、谷歌、IE关于document.body.scrollTop和document.documentElement.scrollTop 以及值为0的问题
- js关于无法获取clientHeigth / scrollTop 等值解决办法。 介于DocumentElement与body差别
- 获取scrollTop兼容各浏览器的方法,以及body和documentElement是啥?
- document.body.scrollTop or document.documentElement.scrollTop
- JavaScript 滚动条示例,控制居中document.documentElement.scrollTop,document.body.scrollTop,oDiv.offsetHeight
- 获取scrollTop兼容各浏览器的方法,以及body和documentElement是啥?
- 火狐、谷歌、IE关于document.body.scrollTop和document.documentElement.scrollTop 以及值为0的问题 博客分类: IE火狐、谷歌javascript
- 火狐、谷歌、IE关于document.body.scrollTop和document.documentElement.scrollTop 以及值为0的问题
- js兼容写法为document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop