I want to hide the URL bar from my single-page application by using JavaScript.
I tried to set bigger height of the 'body' element and then perform:
window.scrollTo(0, 0);
But it doesn't work. The URL bar is still visible. How do I solve this problem?
I want to hide the URL bar from my single-page application by using JavaScript.
I tried to set bigger height of the 'body' element and then perform:
window.scrollTo(0, 0);
But it doesn't work. The URL bar is still visible. How do I solve this problem?
Share Improve this question edited Apr 23, 2018 at 18:54 Peter Mortensen 31.6k22 gold badges110 silver badges133 bronze badges asked Oct 5, 2015 at 16:07 Aircraft5Aircraft5 1771 gold badge1 silver badge13 bronze badges2 Answers
Reset to default 4so far it seems it doesn't work on iOS 9, it stopped working after iOS 7.1.
As seen here:
Impossible to hide navigation bars in Safari iOS 7 for iPhone/iPod touch
For iPhone, you can make your content just one pixel higher than the viewport, that will eliminate the navbar.
Working code example: http://pastebin./16s8Xvbw
Caveats:
- Only works in landscape, and when flipping from portrait to landscape - if user enters the page in landscape, he/she must flip to portrait and back to landscape.
- If the user touches near top / bottom, navbar will re-appear.
- Does not work on iPad at all.