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

Question

我的移动网站上的谷歌浏览器地址栏出现问题。我的网站上有一个固定的导航栏，现在我向下滚动，地址栏消失了，当我打开菜单时，底部出现一个空白(地址栏的大小)，我需要向上滚动才能使地址栏出现从而删除了空白。这是我的菜单 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 后遇到了同样的问题。我通过将 position 更改为 fixed 解决了这个问题。

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