分享

如何获取窗口高度、页面高度

 奋斗女孩 2014-08-21
获取页面高度或窗口高度,是使用绝对层定位(弹出菜单定位,遮罩层尺寸设置)所经常用到的。
但是各个浏览器在这方面的效果却有着非常大的差异,本文将做一些总结,找出一些全兼容的方法来获取页面的高度,窗口的高度,页面文档的高度,滚动条滚过的距离,以方便今后使用。

开始之前,先提一些常识性的东西:
documentElement的对象元素就是html节点。
offsetHeight包括了clientHeight和border。
scrollHeight包括了滚动内的高度。
页面文档的高度指的是页面内实际内容的高度。

下面的demo中,我们将页面的内容设置为2000*1500px的尺寸。
此处没有对html,body做过width,height设置,否则将有所不同。


    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多