我从jquerymobile-docs中复制了google maps示例。我需要固定的工具栏（页眉和页脚），但是当我在内容中包含iframe-popup时，工具栏会滚动并跳回正确的位置。它适用于桌面浏览器，但不适用于iPhone 5.
这是导致问题的弹出窗口：
<div id="popupMap" class="popupMap" data-role="popup" data-overlay-theme="a" data-theme="a" data-corners="false" data-tolerance="15,15">
<a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right"></a>
<iframe id="mapIframe" src="http://view.jquerymobile.com/1.3.2/dist/demos/widgets/popup/map.html" width="480" height="320"></iframe>
</div>
我已经创建了一个完整的演示：here
请复制代码并在iPhone上运行以查看我的意思。然后删除弹出代码（iframe）并比较结果。
是否有解决方法？