51

I recently developed a website that fetches mixed http/https content. Due to this, I always get the address bar displayed on top (It doesn't auto-hide like in other websites). Here's what I'm talking about:

The Website

This is the link to the website.

The content is fetched from various sources, hence filtering non-https content is not possible. And since the website is meant for reading, a non-full-screen display is painful for the reader. So, is there a way to force the auto-hide behavior?

PS: The website uses Twitter Bootstrap, if it helps.
PPS: I don't want to use the full-screen API, it'll be too heavy for this.

7
  • 1
    Can't block address bar... stop and think about it...if every site did that how would user access it?
    – charlietfl
    Feb 21, 2015 at 15:59
  • 2
    I'm sorry if the question implied so, but I don't mean to block the address bar. So in Chrome for Android, the address bar auto-hides when you scroll down and pops back up when you scroll up. This behavior enables a user to enjoy reading in full screen while scrolling down.
    – Ranveer
    Feb 21, 2015 at 16:00
  • 4
    @charlietfl like this: i.stack.imgur.com/hpiFp.gif
    – Ranveer
    Feb 21, 2015 at 16:02
  • What is impact if you serve from http protocol?
    – charlietfl
    Feb 21, 2015 at 16:03
  • I think it would work. But I can't do so, I'm not the one handling the server.
    – Ranveer
    Feb 21, 2015 at 16:08

2 Answers 2

68

Check this has everything you need

http://www.html5rocks.com/en/mobile/fullscreen/

The Chrome team has recently implemented a feature that tells the browser to launch the page fullscreen when the user has added it to the home screen. It is similar to the iOS Safari model.

<meta name="mobile-web-app-capable" content="yes">
7
  • 1
    what do you mean "add it to the home screen?
    – sivann
    Dec 14, 2015 at 13:27
  • 3
    Found it, it was an option on the chrome menu.
    – sivann
    Dec 14, 2015 at 13:31
  • Note that the user may not be able to restore the address bar afterwards if he wants to: android.stackexchange.com/questions/55659/… Jan 12, 2016 at 22:49
  • 22
    I mean is it possible to hide the address bar without creating shortcut on home scree???
    – Maha Dev
    Mar 21, 2017 at 7:54
  • 1
    Now how do I get rid of the title bar across the top of the document that has the document name, URL, and three vertical dots to bring up the menu?
    – Michael
    Mar 6, 2021 at 19:44
4
window.scrollTo(0,1);

this will help you but this javascript is may not work in all browsers

1
  • 20
    This hack does NOT work on Chrome 49 when the content height is less than the viewport. Tested on Stock Android 5.1.1 Galaxy S6 Edge. Mar 31, 2016 at 21:31

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.