IOS调试移动端弹窗遮罩input框focus和click事件失效
生活随笔
收集整理的這篇文章主要介紹了
IOS调试移动端弹窗遮罩input框focus和click事件失效
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
移動端的登錄窗口絕大多數(shù)的做法是點擊登錄,然后彈出固定定位的遮罩窗口,輸入用戶名、密碼等信息進(jìn)行登錄。 在IOS系統(tǒng)下,當(dāng)input喚起鍵盤時,會導(dǎo)致遮罩下層的頁面出現(xiàn)滾動和底部空白,這時就會影響到遮罩固定定位的頁面顯示及交互事件。 解決辦法:底層頁面在一加載進(jìn)入的時候就記錄scrollTop,當(dāng)遮罩彈出的input失去焦點時,要觸發(fā)底層頁面的滾動事件,讓它滾動到遮罩未彈出時的位置,就可以修復(fù)input失效的bug。
轉(zhuǎn)載于:https://juejin.im/post/5c4ec5fd51882528735f032c
總結(jié)
以上是生活随笔為你收集整理的IOS调试移动端弹窗遮罩input框focus和click事件失效的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 好听的古玩店名字大全290个
- 下一篇: 妈妈对女儿说的暖心句239个