IOS web application: flicker between page transitions

Question

I made a web application for iOS-Devices and used Bootstrap from Twitter because it supports responsive design. The header and footer should behave as in the native application: fixed above or below. I achieved this with the CSS class .navbar-fixed-top and .navbar-fixed-bottom .

Unfortunately, during the transition between the two pages, the header and footer flicker, and this does not seem “natural”. Bars can be static.

I prepared a sample website. I use this particular structure. http://goo.gl/lmvzJ

Do you know a trick or a better soul? Thanks!

Answer 1

If you are trying to do something like this, I would go ahead and use Sencha touch to build the application. It costs money, but it is awesome to build a web interface. You can also try jquery mobile.