问题现象:
IOS上在输入框弹出键盘后收起,页面不恢复,下方有留白
问题原因:
ios中键盘将页面顶起,键盘收起后页面不复原位置
问题解决:
监听键盘收起后使用window.scroll属性将页面归位
import $ from 'jquery'
import store from '@/store'
/**
* @Author: huaji
* @Date: 2021-06-15 18:57:32
* @Description 解决【ios键盘收起后页面上移不复位】问题
*/
export default function() {
$(function() {
// 移动端才加这个判断
if (store.state.app.platform.includes('ios')) {
// 移动端键盘收起事件处理
window.addEventListener('focusout', () => {
const scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0
window.scroll(0, scrollTop)
})
}
})
}