Javascript 如何防止URL栏干扰我在智能手机上的布局？

我也看到过类似的问题，但因为只有少数人问我这个问题，我无法从他们那里得到答案，所以我决定自己问这个问题

说明：

我制作了一个布局简单的网站。我给了视口一个初始比例=1，它由5个div组成，所有的样式都是100vh和100vw。 当我在手机上查看并滚动时，URL栏会出现，并调整您看到网站内容的区域大小，从而调整div的大小

问题:

有没有办法使URL栏与网站重叠，这样在我滚动后内容就不会上下跳动？

---

最好不要使用jQuery，我认为这是最好的解决方案：用window.innerHeight替换100vh可能是解决方案，但在我看来，几秒钟后隐藏URL栏只会使问题更加明显。在URL栏出现或消失后，我网站上的div会在一秒钟内进行调整。几秒钟后隐藏该条只会再次显示出令人讨厌的调整，而不会真正解决问题。如果该条不存在，也许你应该引入一个间隔div，也许用你的徽标或网站名称代替它。@gaynorvader顶部的间隔div也会被URL条向下推，除非有办法使URL栏与网站重叠，否则如果使用我发布的链接中的代码检测URL栏何时可见，则可以根据URL栏是否存在来显示/隐藏间隔区div。