通過燈箱表單在iPhone 6上點擊輸入區域，燈箱跳下頁面

Question

我在iPhone 6上遇到了一個問題，只有當我在燈箱中彈出窗體並在燈箱上單擊某個輸入時跳下該頁面不在視圖中。在您開始鍵入燈箱後，跳回到視圖中，並且將保留原來填充的任何連續輸入。

這可以測試here，只需點擊「快速鏈接」下的任何綠色框，你會看到。

有沒有人遇到過這個問題，如果有的話是否有一個體面的解決方案？ CSS？ JavaScript的？什麼？

我試過各種黑客，沒有任何工作。它在iPhone 5和之前的工作正常。我不明白。

Answer 1

從我的檢查它的CSS問題。您的最高級別lity <div>的頂部，左側，右側，底部爲0--這將使它成爲網站的整個高度（大約5000px） - 您實際需要的是它作爲視口的高度（大約600px，具體取決於設備）。刪除底部：0，加入高度：100vh;在CSS中，頂級.lity-iframe <div>以及.lity-wrap <div> - 此div也許不需要位置：fixed，因爲它已經位於position：fixed; lity-iframe <div>

這應該有效。