Chrome 地址栏在移动网站上留下空白

Question

我的移动网站上的 Google 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; 
}

其他网络浏览器在移动设备上运行良好，我该怎么做才能摆脱地址栏空白？

Answer 1

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

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