我正在一个网站上实现100vh登陆屏幕，但是底部导航栏（带有主页，后退选项的电话导航）隐藏了我内容的底部。我已经在使用JavaScript window.innerHeight来使浏览器考虑地址栏占用的空间，但这似乎并未考虑电话的屏幕UI。感谢您提供有关解决此问题的任何想法，谢谢：）
JS
让vh = window.innerHeight * 0.01;
document.documentElement.style.setProperty（'-vh'，${vh}px）;
window.addEventListener（'resize'，（）=> {
令vh = window.innerHeight * 0.01;
document.documentElement.style.setProperty（'-vh'，${vh}px）;
}）;
CSS 高度：100vh； 高度：calc（var（-vh，1vh）* 100）;
作为设计的一部分，我正在实现链接到页面内容开头的动画箭头。
上签出答案 0 :(得分：0)
由于单击或滚动时window.innerHeight更改，因此应使用
<body onresize="resizemyDiv()">
或
window.onresize = function (){
// some code here to get window size
// and adjust the size or your div
}
答案 1 :(得分：0)
您可以仅使用CSS来解决此问题。您可以使用calc函数是CSS，您可以从100vh中减去导航栏的高度（假设为30px）。
示例：
.element {
height: calc(100vh - 30px);
}
答案 2 :(得分：0)
更新
好家伙刚弄清楚，问题出在我处理vh的javascript文件被设置为异步状态。感谢您的帮助！