广告位联系
返回顶部
分享到

关于document.body.clientHeight返回值为0的完美解决方案

html5 来源:互联网 作者:佚名 发布时间:2024-05-18 23:03:15 人浏览
摘要

关于body.clientHeight 这里引用一下@kelly0721的博客中的图片,为各位展示一下我们可以获取的各种屏幕元素尺寸。 此处我们希望获得的document.body.clientHeight正是浏览器页面可见区域的高度。 解决方

关于body.clientHeight

这里引用一下@kelly0721的博客中的图片,为各位展示一下我们可以获取的各种屏幕元素尺寸。

此处我们希望获得的 document.body.clientHeight 正是浏览器页面可见区域的高度。

解决方案

网上关于此问题的其中一种解决方案是使用HTML4,但是如果我们希望在保持HTML5版本不变的前提下解决此问题呢?

实际上非常简单

1

2

3

<body style="position: absolute; height: 100%;">

    ...

</body>

只需要为 <body></body> 标签添加上文所述样式即可,添加样式的方式不限,然后我们就可以在 Javascript 中正常调用了。

可见其正常输出了页面可见区域高度,并且能够随屏幕缩放实时地得到不同的值。


版权声明 : 本文内容来源于互联网或用户自行发布贡献,该文观点仅代表原作者本人。本站仅提供信息存储空间服务和不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权, 违法违规的内容, 请发送邮件至2530232025#qq.cn(#换@)举报,一经查实,本站将立刻删除。

您可能感兴趣的文章 :

原文链接 :
    Tag :
相关文章
  • 本站所有内容来源于互联网或用户自行发布,本站仅提供信息存储空间服务,不拥有版权,不承担法律责任。如有侵犯您的权益,请您联系站长处理!
  • Copyright © 2017-2022 F11.CN All Rights Reserved. F11站长开发者网 版权所有 | 苏ICP备2022031554号-1 | 51LA统计