解决【H5移动端键盘收起后页面上移不复位】问题
作者:互联网
问题现象:
IOS上在输入框弹出键盘后收起,页面不恢复,下方有留白
问题原因:
ios中键盘将页面顶起,键盘收起后页面不复原位置
问题解决:
监听键盘收起后使用window.scroll属性将页面归位
import $ from 'jquery'
import store from '@/store'
export default function() {
$(function() {
// 移动端才加这个判断(我们的项目在企业微信PC也可使用)
if (store.state.app.platform.includes('ios') || store.state.app.platform.includes('android')) {
// 移动端键盘收起事件处理
window.addEventListener('focusout', () => {
window.scroll(0, document.body?.scrollTop)
})
}
})
}
标签:app,H5,键盘,window,收起,store,页面 来源: https://blog.csdn.net/qq_41887214/article/details/117930137