Hiding and showing address bar in Safari mobile

[bstrappazzon]

Hi all,

I'm developping a mobile web site with sencha Touch 2.0 and I would like to hide the safari mobile address bar when user scroll down and show it back when he scroll up and reach the top of the page.

This is the common behavior of web site with scrolling bar.

I already tried to add this :

viewport : {
        autoMaximize: true
},

to my application definition but this is definitively not having the wanted effect as the application shows in fullscreen without address bar but we are not able to make it showing back.

Does anyone has an idea on how to do This?
I'm pretty sure I'm not the first one who want its mobile webSite to works this way

Thanks a lot

Benjamin

[mitchellsimoens]

So it hides the address bar but you can't get back to it?

[bstrappazzon]

Yes, exactly.

On safari mobile, once a web site has a vertical scrolling bar, the address bar scroll down with the entire page on it shows back when you scroll up to the top of the page.

From what I understand, the browser has this behavior if the page height exceed the screen size.
Tell me if I'm wrong but sencha viewport height just fit the screen height and the scrolling is handle in an inner container by sencha?

Do you have a trick to make this bar showing and hiding when needed?

Anyway thanks for yours answers

Benjamin