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

Chrome地址栏会在移动网站

1 个答案: