I have a jquery mobile application that I dynamically build an image map for. It has fixed headers and footers.
When I select an area using Chrome on the desktop it seems to be fine and the transitions are as expected between pages of an internal application.
However if I use the application on a WebApp (fixed to home screen) on iOS6 iPhone then when I select an image map area it behaves like I called an external page. I loose the smooth transition of the fixed toolbar and footers and I now see the Safari address bar and the normal Safari footer. In short my area links behave like they are calling a external web page. Of course I also loose the ability to use the Back button on my header.
Another odd bit is that even though I wrote the order as:
page
header
content
image map
footer
Even the desktop the order is:
page
content
image map
header
footer