Skip to content

Hiding URL Bar Bug #150

soulrider911 opened this Issue Dec 5, 2011 · 8 comments

5 participants


I have been trying to triumph this issue for a long time with no resolve. So I figured I would post it here to see if in fact there is any way to solve this. Basically I would like to hide the URL bar in mobile safari as well as Android and have the I-scroll functionality still reside. However problems arise when you rotate the device to landscape and then back to portait view. What happens is you end up with a whole lot of space on the bottom of the page. Now, if I was to lock the devices to portrait mode only this problem would not be an issue. But, we need to be able to support landscape mode. I have a felling it has something to do with the way I-0scroll calculated the window height, and needs to be re-calculated upon returning to portait mode form landscape. Any hwlp on this would be awesome,i-scroll is a great product so far!

zordon commented Jul 18, 2012

same issue here, I wonder how gmail solved this.


Same here.. looking for a solution to this as well.


This might be of use to people if they are in need of hiding the native browser bar:


Did you try calling refresh() on the iscroll instance that is responsible for that page? Listen for orientationchange event and call refresh in that. I am not sure if iscroll is already listening to that event and calling refresh() internally already.

zordon commented Aug 1, 2012

I'm not working with iScroll with anymore but I found a solution by using the orientation callback and setting a ridiculous height amount like 9999px and then set back to the window height

on('orientationchange', function(){


What happens when you don't set the height to the "ridiculous" value and just have the setTimeout?

zordon commented Aug 1, 2012

the problem described in the first post, I had a big fight with this issue lol.

cubiq commented Aug 15, 2012

this is not something that should be handled by the iscroll script itself. The solution proposed by @zordon is valid, you don't need to make the height that high though. The page height must be scroller_height + urlbar_height.

@cubiq cubiq closed this Aug 15, 2012
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.