js-解决安卓手机软键盘弹出后,固定定位布局被顶上移问题
分析:软键盘弹出后,导致页面高度变化
解决方案:软键盘弹出后,修复页面高度
// 监听窗口变化 resizeScreen(){ if (!this.state.isIOS && this.state.isInApp) { var originHeight = document.documentElement.clientHeight || document.body.clientHeight; this.$nextTick(()=>{ let bodyE = document.querySelector('.pop-other'); window.addEventListener('resize', function() { var resizeHeight = document.documentElement.clientHeight || document.body.clientHeight; if (originHeight < resizeHeight) { console.log('Android 键盘收起啦!'); // Android 键盘收起后操作 bodyE.style.height = 100+'%'; } else { console.log('Android 键盘弹起啦!'); // Android 键盘弹起后操作 bodyE.style.height = originHeight+'px'; } originHeight = resizeHeight; }, false) }); } },
一步一叩首,今天的自己比昨天好一点就行,明天的自己需追寻