javascript - Chrome 地址栏在移动网站上留有空白

我在我的移动网站上遇到了谷歌浏览器地址栏的问题。我的网站上有一个固定的导航栏，现在我向下滚动，地址栏消失了，当我打开菜单时，底部出现一个空白区域(地址栏的大小)，我需要向上滚动才能使地址栏出现从而删除空白。这是我的菜单 css:

#menu {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: 10000;
  padding: 0;
  background-color: blue;
  overflow-x: hidden;
  overflow-y: auto;
}

其他网络浏览器在移动设备上工作正常，我该怎么做才能摆脱地址栏空白？

最佳答案

升级我的 Chrome 后，我遇到了同样的问题。我通过将位置更改为固定来解决它。

https://developers.google.com/web/updates/2016/12/url-bar-resizing

关于javascript - Chrome 地址栏在移动网站上留有空白，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/42393701/