Prevent Address-Bar hiding in mobile Browsers

by

This is the way I have achieved it:

html {
  background-color: red;
  overflow: hidden;
  width: 100%;
}

body {
  height: 100%;
  position: fixed;
  /* prevent overscroll bounce*/
  background-color: lightgreen;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  /* iOS velocity scrolling */
}

More Related Contents:

  1. Get the real width and height of an image with JavaScript? (in Safari/Chrome)
  2. Force DOM redraw/refresh on Chrome/Mac
  3. Is it possible to display a custom message in the beforeunload popup?
  4. jqGrid does not render correctly in Chrome/Chrome Frame
  5. JSFiddle code not working in my own page
  6. Get element CSS property (width/height) value as it was set (in percent/em/px/etc)
  7. Video auto play is not working in Safari and Chrome desktop browser
  8. “Uncaught TypeError: a.indexOf is not a function” error when opening new foundation project
  9. Unexpected token ILLEGAL in webkit
  10. Date parsing in javascript is different between safari and chrome
  11. How can I remove the “No file chosen” tooltip from a file input in Chrome?
  12. Open Safari / Google Chrome developer tools programmatically from JavaScript
  13. Cannot access cssRules from local css file in Chrome 64
  14. Position fixed not working in mobile browser
  15. javascript large integer round because precision? (why?)
  16. programmatically changing webkit-transformation values in animation rules
  17. Is there a way to enable the JavaScript Error/Debug Console for Safari within Android?
  18. webkit-transform overwrites z-index ordering in Chrome 13
  19. Disable elastic scrolling in Safari [duplicate]
  20. screen styling when virtual keyboard is active
  21. How to inject CSS into webpage through Chrome extension?
  22. jQuery in Chrome returns “block” instead of “inline”
  23. Silence net::ERR_CONNECTION_REFUSED
  24. Print repeating Page headers in Chrome [closed]
  25. Chrome and Safari XSLT using JavaScript
  26. How do I hide the address bar on iPhone?
  27. How to detect if web app running standalone on Chrome mobile
  28. Force hide address bar in Chrome on Android
  29. iOS8 Safari after a pushState the :nth-child() selectors not works
  30. JavaScript halts in inactive android Chrome tab

Leave a Comment