移动端键盘弹起,网页顶了上去。

https://img4.mukewang.com/5c554b0600012ad703700800.jpg

https://img3.mukewang.com/5c554b060001627503860800.jpg

https://img3.mukewang.com/5c554b060001f79d03700800.jpg

https://img.mukewang.com/5c554b060001f79d03700800.jpg


在移动端开发中,只要input获取焦点键盘就会弹起来把页面顶上去,失去焦点的时候页面还是顶上去的状态。有什么好的办法可以让他还原。

子衿沉夜
浏览 1294回答 1
1回答

呼唤远方

input初始化后调用以下方法// 处理ios有些机型input和fixed冲突问题     _fixIosInputH () {      // 判断是否ios      if (!!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)) {         let [timeout, beforeTop] = [null, 0]         $('input, textarea').on('focus', () => {           beforeTop = document.body.scrollTop           clearTimeout(timeout)         }).on('blur', () => {           timeout = setTimeout(() => {            document.body.scrollTop = beforeTop           }, 100)         })       }     }
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript