MUI之键盘挤压页面问题

Posted 木之子梦之蝶

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了MUI之键盘挤压页面问题相关的知识,希望对你有一定的参考价值。

 1 //解决键盘挤压问题模块 
 2 //获取原始窗口的高度 
 3 var originalHeight=document.documentElement.clientHeight || document.body.clientHeight;    
 4 window.onresize=function(){
 5     //软键盘弹起与隐藏  都会引起窗口的高度发生变化
 6     var  resizeHeight=document.documentElement.clientHeight || document.body.clientHeight;
 7     //resizeHeight<originalHeight证明窗口被挤压了
 8     if(resizeHeight*1<originalHeight*1){ 
 9         plus.webview.currentWebview().setStyle({
10             height:originalHeight
11         });
12      }
13 }

 

以上是关于MUI之键盘挤压页面问题的主要内容,如果未能解决你的问题,请参考以下文章

H5页面背景图被键盘挤压移动了位置解决方法

安卓微信端打开H5页面背景图被键盘挤压移动位置解决

H5防止安卓手机软键盘弹出挤压页面导致变形的方法

flutter 软键盘挤压页面导致变形溢出

解决安卓手机上软键盘弹出挤压背景的问题

Mui WebApp页面 绝对定位 软键盘弹出时顶起底部按钮问题