e***@163.com
e***@163.com
  • 发布:2017-06-21 11:34
  • 更新:2018-03-29 00:06
  • 阅读:1874

沉浸式状态栏下打开输键盘后标题栏下面的内容下移一个状态栏的高度问题

分类:MUI

沉浸式状态栏后,页面打开时显示正常,当开始输入内容时,即键盘打开后,页面会下移,下移大小目测是状态栏高度的值,是什么原因呢?
异常显示(打开键盘之后并关掉键盘):


正常显示(打开键盘之前):

页面打开方式:
mui.openWindow({
url: data.c_md_url,
styles: {
zindex: 2,
statusbar:{background:"#01B0C6"}
},
show: Enjoy.GlobalStyle.WebViewShowType(),
createNew:true,
waiting: {
autoShow: true, //自动显示等待框,默认为true
title: '正在加载...', //等待对话框上显示的提示内容
options: {}
}
});

2017-06-21 11:34 负责人:无 分享
已邀请:
回梦無痕

回梦無痕 - 暂停服务

安卓的沉浸式很有问题。。。我都是在安卓下关掉沉浸式,然后设置状态栏样式伪沉浸式。。。

  • e***@163.com (作者)

    伪沉浸式?麻烦吗,如何实现的,求指点

    2017-06-21 11:52

  • 回梦無痕

    就是设置状态栏颜色,设置成和下方页面一样的颜色。。。

    2017-06-21 11:53

  • e***@163.com (作者)

    关掉沉浸式能单独设置状态栏颜色?

    2017-06-21 12:01

  • e***@163.com (作者)

    也就是不启用全屏和沉浸样式,然后设置状态栏颜色?

    2017-06-21 12:02

  • 回梦無痕

    回复 e***@163.com:对,取消沉浸式,不全屏,然后设置状态栏背景颜色和文字颜色

    2017-06-21 12:04

  • e***@163.com (作者)

    但参照官网的在配置文件里加上背景色的配置打包后也不起作用呢?

    2017-06-21 12:15

  • 回梦無痕

    回复 e***@163.com:单独在每个页面里设置plus.navigator.setStatusBarBackground('#f7f7f7');

    2017-06-21 13:23

  • e***@163.com (作者)

    好吧,那我试试吧,每个页面里面设置,这个量还不小了

    2017-06-21 13:51

  • e***@163.com (作者)

    回复 回梦無痕:谢谢哈

    2017-06-21 13:51

秋天无风

秋天无风

好奇怪,我的问是,点输入框,打开输入法弹出键盘后,页面不上移了,大概上移一个标题栏高度。

秋天无风

秋天无风

我的原因打到了,是因为设置颜色值为f5f5f5,系统不支持。
黑白灰等某些纯色不支持的,防止与前景色一致导致状态栏文字看不到。
http://ask.dcloud.net.cn/article/12622

平台支持
Android - ALL (支持): 在部分设备上可能无法获取系统默认状态栏的背景颜色,此时使用默认颜色值"#D4D4D4"。 注意:为了避免跟系统状态栏的前景色冲突,忽略偏白颜色(RR>0xEB&&GG>0xEB&&BB>0xEB),忽略偏黑颜色(RR>0x1E&&GG>0x1E&&BB>0x1E)。
iOS - ALL (支持): iOS上无法获取系统默认状态栏的背景颜色,此时使用默认颜色值"#D4D4D4"。
http://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.WebviewStatusbarStyles

该问题目前已经被锁定, 无法添加新回复