关于document.body.clientHeight返回值为0的完美解决方案
关于document.body.clientHeight返回值为0的完美解决方案这篇文章主要介绍了关于document.body.clientHeight返回值为0的完美解决方案,本文给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧... 24-05-16
关于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内容请搜索代码网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持代码网!
相关文章:
-
-
-
-
canvas小画板之平滑曲线的实现这篇文章主要介绍了canvas小画板之平滑曲线的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下…
-
清除canvas画布内容(点擦除+线擦除)这篇文章主要介绍了清除canvas画布内容(点擦除+线擦除),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值…
-
AmazeUI 网格的实现示例
AmazeUI 网格的实现示例这篇文章主要介绍了AmazeUI 网格的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需...
[阅读全文]
版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。
发表评论