标签搜索

目 录CONTENT

文章目录

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

沙漠渔
2024-06-23 17:32:02 / 0 评论 / 0 点赞 / 218 阅读 / 568 字 / 正在检测是否收录...
温馨提示:
本文最后更新于 2024-06-23,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

关于body.clientHeight

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

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

解决方案

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

实际上非常简单

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

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

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

到此这篇关于关于document.body.clientHeight返回值为0的解决方案的文章就介绍到这了,更多相关document.body.clientHeight返回值为0内容请搜索 『沙漠渔溏』 以前的文章或继续浏览下面的相关文章,希望大家以后多多支持 『沙漠渔溏』 !

0
广告 广告

评论区