admin管理员组文章数量:1326337
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?
Share Improve this question edited Aug 3, 2018 at 16:10 Rick 4,1249 gold badges27 silver badges37 bronze badges asked Feb 22, 2017 at 14:04 Huby03Huby03 8012 gold badges15 silver badges28 bronze badges1 Answer
Reset to default 7I 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
版权声明:本文标题:javascript - Chrome address bar leave a white space on mobile site - Stack Overflow 内容由网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:http://www.betaflare.com/web/1742199365a2431670.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论