在服务号中开发html5页面,输入框比较多,在iphone version 12及以上,发现,键盘弹出之后,页面整体上移,导致页面弹窗的元素定位不准,无法点击到正确的位置,解决方法有二:
1.弹窗只作提示,定时器跳转
2.判断键盘状态
当键盘弹出,收起时,判断弹窗位置,再据实际情况修改,鉴于示为紧急bug,直接让页面滚回到最初始状态(scrollToTop)
判断移动端键盘弹出收起的代码如下:
var clientHeight = document.documentElement.clientHeight || document.body.clientHeight; $(window).on('resize', function (e) {
var nowClientHeight = document.documentElement.clientHeight || document.body.clientHeight;
if (clientHeight > nowClientHeight) {
//弹出
} else {
//收起
}
});
系统一旦升级,