javascript - Chrome address bar leave a white space on mobile site - Stack Overflow

admin管理员组

文章数量:1326691

I have an issue on my mobile site with the address bar of Google Chrome. I have a fixed navbar on my website and at the moment i scroll down and the address bar dissapear, when i open my menu, a white space (size of the address bar) appears at the bottom and i need to scroll up to make the address bar appear thus removing the white space. This is my menu css:

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

Other web browsers are working fine on mobile, what can i do to get rid of that address bar blank space?

I have an issue on my mobile site with the address bar of Google Chrome. I have a fixed navbar on my website and at the moment i scroll down and the address bar dissapear, when i open my menu, a white space (size of the address bar) appears at the bottom and i need to scroll up to make the address bar appear thus removing the white space. This is my menu css:

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

Other web browsers are working fine on mobile, what can i do to get rid of that address bar blank space?

• javascript
• jquery
• html
• css
• google-chrome

Share Improve this question Follow edited Aug 3, 2018 at 16:10 Rick 4,12499 gold badges2727 silver badges3737 bronze badges asked Feb 22, 2017 at 14:04 Huby03Huby03 80122 gold badges1515 silver badges2828 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 7

I have the same problem after upgrading my Chrome. I got it resolved by changing position to fixed.

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

本文标签： javascriptChrome address bar leave a white space on mobile siteStack Overflow