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

标签 javascript jquery html css 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; 
}

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

最佳答案

我在升级 Chrome 后遇到了同样的问题。我通过将 position 更改为 fixed 解决了这个问题。

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

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

相关文章:

javascript - Dropzonejs with Rails 从页面中删除文件

javascript - 如何应用 jQuery 追加(添加、之前)div?

html - 如何在 css 中为导航菜单设置 border-left?

php - JSON 中的关联数组解码

javascript - 如何获取表格给定行的所有列

javascript - 选择具有动态 href 值的元素?

jquery - 网页的滚动条丢失,div 无法延伸到底部

javascript - jquery如何删除数组中的特定值

html - 如何将背景图像设置到分区的左侧?

html - 如何删除链接上的下划线?