关于document.body.clientHeight返回值为0的完美解决方案
发布时间：2024-05-16 15:25:08 作者：Duawieh 
我要评论
我要评论这篇文章主要介绍了关于document.body.clientHeight返回值为0的完美解决方案，本文给大家介绍的非常详细，感兴趣的朋友跟随小编一起看看吧
关于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内容请搜索脚本之家以前的文章或继续浏览下面的相关文章，希望大家以后多多支持脚本之家！
相关文章
关于document.body.clientHeight返回值为0的完美解决方案
这篇文章主要介绍了关于document.body.clientHeight返回值为0的完美解决方案，本文给大家介绍的非常详细，感兴趣的朋友跟随小编一起看看吧2024-05-16
HTML5兼容HEVC视频格式且支持本地绝对路径访问的操作方法
通过PotPlayer发现该MP4文件的编码格式为HEVC，而video标签不支持该编码格式的视频文件，这篇文章主要介绍了HTML5兼容HEVC视频格式且支持本地绝对路径访问,需要的朋友可以2024-05-15HTML5 服务器发送事件(Server-Sent Events)使用详解
HTML5服务器发送事件（server-sent event）允许网页获得来自服务器的更新，下面通过本文给大家介绍HTML5 服务器发送事件(Server-Sent Events)使用详解，感兴趣的朋友跟随小2024-05-15html5 video 标签 controlslist详细使用
video controlslist 属性可以用于告诉浏览器在视频播放过程中应该显示哪些默认的用户界面控件,下面我们将从几个方面来介绍 video controlslist 的详细使用,感兴趣的朋友跟2024-05-15
本文主要介绍了html网页播放多个视频的几种方法，包含iframe标签，VLC插件和一些常见的js插件，具有一定的参考价值，感兴趣的可以了解一下2024-03-04
做HTML5的video标签，本身我们有下载功能,由于权限问题，所以本文就来介绍一下HTML5中video标签禁止右键和下载视频的问题解决，具有一定的参考价值，感兴趣的可以了解一下2024-02-28html5 video标签controlslist的具体使用
HTML5 提供了内置的视频播放控件，其中 video controlslist 是其中一个很有用的属性，本文主要介绍了html5 video标签controlslist的具体使用，具有一定的参考价值，感兴趣2024-02-27
在html5页面中嵌入视频的时候页面中只显示声音却不显示图像，本文主要介绍了HTML5 video播放有声音无图像的解决方法，具有一定的参考价值，感兴趣的可以了解一下2024-02-21
在做html5项目的时候有个需求，就是移动端长按不保存图片，本文就来介绍一下Html5移动端禁止长按保存图片的三种实现方法，具有一定的参考价值，感兴趣的可以了解一下2024-02-20- 混合开发中遇到一个问题，有些型号的安卓机和ios机型，输入框唤起键盘后，输入框会被键盘遮挡，需要手动滑动才能漏出来，影响用户体验，今天给大家分享HTML5键盘弹起遮挡输2024-01-03
最新评论