YouI
YouI
  • 发布:2016-08-19 13:41
  • 更新:2019-11-04 09:23
  • 阅读:7816

底部选项卡被输入法撑起问题解决

分类:MUI

1.如果是单页面出现的问题,可以使用
mui.plusReady(function() {
//设置bottom绝对位置
document.getElementById('bottomx').style.top = (plus.display.resolutionHeight - 50) + "px";
});
这段代码 转自:解决弹出输入法时页面高度变小导致底部上浮的问题

2.如果选项卡在父页面中,并且在页面中的样式中设置了bottom属性,可以使用
mui.plusReady(function(){
var self=plus.webview.currentWebview();
/**

  • 防止 在write页面输入文字的时候 , 输入法把选项卡撑起来
    */
    var parentVebView =self.opener();
    //防止 父页面选项卡被输入法撑起
    window.addEventListener('resize', function() {
    var a=plus.android.invoke(plus.android.currentWebview(),"getHeight") ;
    var b=plus.navigator.getStatusbarHeight();
    var c=plus.screen.resolutionHeight ;
    var d=(c-a-b);
    console.info('webview高度:'+a+" 状态栏高度:"+b+" 屏幕高度:"+c+" 输入法高度:"+d)
    d >0 ? self.setStyle({top: '45px',bottom: '0px'}) : self.setStyle({top: '45px',bottom: '50px'});
    //d > 0 ? parentVebView.evalJS("mui('#nav_id').css('position','absolute');") : parentVebView.evalJS("mui('#nav_id').css('position','fixed');");
    }, false);
    });
    当输入法打开时 重新设置当前webview的 style属性
8 关注 分享
Trust 唐自然 payne天道 X***@outlook.com 崔大人 2***@qq.com dipper 9***@qq.com

要回复文章请先登录注册

小生复小生

小生复小生

回复 j***@qq.com :
切换选项卡。就切不回来了
2019-11-04 09:23
落日逢佳雨

落日逢佳雨

回复 j***@qq.com :
这样在类似于mi8手机上会出现遮盖住选项卡的现象
2018-07-31 16:44
崔大人

崔大人

成功,感谢楼主
2017-12-21 15:10
j***@qq.com

j***@qq.com

回复 j***@qq.com :
点击其他选择再回来会出错,抱歉,请忽略!
2017-11-15 14:47
j***@qq.com

j***@qq.com

告诉你们一个极端方法解决:在子页面plusready里面添加

plus.webview.currentWebview().setStyle({height:'d'});

让其出错,这样输入法就不会把底部的导航顶上去了!!!
2017-11-15 12:11
付楚

付楚

回复 liyoungs :
哦哦 、谢啦。
2017-06-20 11:57
Native_O

Native_O

没有解决,顶部出现了双header情况
2017-06-19 16:59
liyoungs

liyoungs

回复 付楚 :
第一种就可以啊
2017-06-15 11:48
付楚

付楚

回复 3***@qq.com :
你好、请问你是用哪一种方法成功的呀?
2017-06-14 17:51
X***@outlook.com

X***@outlook.com

回复 payne天道 :
谢谢分享,请问你那个底部变化闪屏咋解决的
2017-06-07 09:56