jQuery Mobile - 在iOS中打開表單條目（在iframe中）

Question

看來jQuery手機和iframe不能很好地發揮作用。

首先，我們知道iframe是一個糟糕的主意 - 但在這種情況下，我們需要使用它來將表單加載到我們的頁面中 - 它啓用了jQuery Mobile觸摸功能。

現在，這可以在所有桌面設備上正常工作，但在iOS上 - 當您選擇iframe中的表單域並且滾動 - 表單域失去焦點並且無法再輸入文本時（即使iOS鍵盤仍然可見）。當表單中存在驗證碼字段並且用戶需要滾動以查看密碼時，這是有點問題。

任何解決方案，將不勝感激！謝謝！

Answer 1

在ios中刪除iframe中的滾動條並將它們呈現爲塊。我所做的這個解決方案是包裝一個div內的iframe，讓I幀根據

<div id="myIframeParentDiv" class="myIframeParentDivClass"> <iframe style="z-index:2000" id="myIframe" width="100%" height="100%" src="" frameborder=0 ALLOWTRANSPARENCY="true" > <p>Booking Engine error! your browser does not support iframes.</p> </iframe> </div>

STYLES擴大

#myIframeParentDiv{ 
    height: 100%; 
    width: 100%; 
    overflow:auto; 
    -webkit-overflow-scrolling: touch; 
}