我从 jquerymobile-docs 中复制了谷歌地图示例。我需要固定的工具栏（页眉和页脚），但是当我在内容中包含 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>
我创建了一个完整的演示：这里
请复制代码并在 iPhone 上运行以了解我的意思。然后删除弹出代码（iframe）并比较结果。
有解决方法吗？