1
我有一個iframe包裝的iframe容器div，它從右側的25％的屏幕，所有的元素都在iframe中。iFrame漂浮在IOS上
iframe中有一個文本框輸入框，觸摸時，所有元素的行爲都正常，窗口根據IPAD的鍵盤進行調整，但是當我開始輸入時，即在文本中添加了任何字符輸入整個iframe容器的佈局向左移動，然後幾個更多的字符輸入完全消失。
請參考下面的圖像：
屏幕（在此是所期望的UI的所有時間）
屏幕兩（弄亂UI輸入了任何字符之後）
即使添加更多字符，此佈局也會消失。
我用IOS設備解決了iframe的一些問題，並且從那裏接下幾個概念和解決方案。
- iframe在這種情況下沒有任何滾動添加到它。正在滾動的iframe中的div
- 也嘗試將
-webkit-overflow-scrolling: touch;添加到滾動div，這也沒有幫助。 - 正在使用VH作爲身高，嘗試將其移除並使用
PX也沒有運氣。
注意：很多jQuery正在使用UI調整，尤其是對於iframe和十字按鈕基本上切換iframe-wrapper div（簡單的隱藏和顯示）。
謝謝！
編輯
我已經發現了這個問題，現在我需要爲這個解決方案。 Safari會自動添加background-position屬性並將其設置爲Initial，手動覆蓋爲no-repeat可修復此問題。
我試着爲background-position添加jQuery css屬性，但我想它不知何故未被應用。