document.body.clientHeight获取可视区域高度为0问题解决

问题描述
document.body.clientHeight获取可视区域高度为0
代码如下:

            // 获取视口宽高
            const currentWidth = document.body.clientWidth
            const currentHeight = document.body.clientHeight
            console.log('视口宽高', currentWidth, currentHeight )

打印出来的currentHeight是0
document.body.clientHeight获取可视区域高度为0问题解决_第1张图片
解决方案1
使用如下代码获取

const currentHeight = document.documentElement.clientHeight;

解决方案2
为body加上如下css

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

你可能感兴趣的:(菜鸟的踩坑之旅,clientHeight,高度,可视区域)