document.documentElement.clientHeight 和 $(window).height() 无法正确获取页面可视区高度

最新推荐文章于 2024-03-22 14:25:18 发布

weixin_30583563

最新推荐文章于 2024-03-22 14:25:18 发布

阅读量682

点赞数 1

原文链接：http://www.cnblogs.com/liujian9527/p/5937893.html

版权

背景：弹出层插件（自适应）实现过程中突然发现在获取可视区高度时，无论document.documentElement.clientHeight 还是 $(window).height()都无法正确获取，代码没有问题；

解决方案：通过 cosole.log寻找错误点发现$(window).height()获取不正常并等于$(document).height()；网上查找资料是由于没有正确的HTML5文档声明导致的

正确：
<!DOCTYPE html> 
    <html>
    <!-- 文档内容 -->
    </html>
错误：
<!DOCTYPE> 
    <html>
    <!-- 文档内容 -->
    </html>

$(function(){
    console.log($(window).height())
    console.log(document.documentElement.clientHeight)
})
获取的值是不一样的

转载于:https://www.cnblogs.com/liujian9527/p/5937893.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30583563

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
document.documentElement.clientHeight 和 $(window).height() 无法正确获取页面可视区高度

背景：弹出层插件（自适应）实现过程中突然发现在获取可视区高度时，无论document.documentElement.clientHeight 还是 $(window).height()都无法正确获取，代码没有问题；解决方案：通过 cosole.log寻找错误点发现$(window).height()获取不正常并等于$(document).height()；网上查找资料是由于没有正确的HT...
复制链接

扫一扫