Skip to content
Advertisement

Disable hiding of address bar on mobile

I’m working on a mobile website which has “pages” that have div’s which take up the screens full size and you can scroll between each one. The problem is, the window resizes whenever a user scrolls downward because the address bar hides. This causes problems when you scroll to the complete bottom and the address bar then hides.

Is it possible to have the address bar always show on mobile devices?

Advertisement

Answer

You can wrap your HTML with div and do something like this: http://jsfiddle.net/DerekL/Fhe2x/show

$("html, body, #wrapper").css({
    height: $(window).height()
});

It works on Android and iOS.

Advertisement