1请问IOS下 header标签,为什么会隐藏呢,点下又出来,这里如何控制不让他隐藏呢?
2nav 底部标签中放入input用来输入文字,当弹出软键盘时,整个nav就不见了,文件结构是这样
<header id="header" class="mui-bar mui-bar-nav navbar">
<div id="ios_top" class="ios_top"></div>
<a id="back" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" ></a>
<a id="menu" href="javascript:;" class="index_nav mui-pull-right" href="javascript:;"></a>
<h1 id="title" class="mui-title title"></h1>
</header>
<div id="ios_body" class="mui-content ios_body" style="z-index: -1;">
</div>
<nav id="nav" class="mui-bar mui-bar-tab shurukuang" style="background-color: #FFFFFF;">
<div class="answerform" style="margin-top: 10px;">
<table width="100%" height="40"><tr>
<td width="48"> </td>
<td><div class="say" id="say">按住说话</div>
<input type="text" class="jianpan hide" onfocus="focusfun(this)" onblur="blurfun(this)" placeholder="我来说两句..."> </td>
<td width="60" align="center">
<button class="mui-btn sayb"> </button>
<button class="mui-btn jianpanb hide"> </button>
<button class="mui-btn mui-btn-primary jianpanc hide" onclick="return false;">确认</button></td>
</tr></table>
<div style="clear: both;"></div>
</div>
</nav>
6 个回复
DCloud_UNI_FXY
header不是被隐藏了,而是调整了定位,这样处理主要是为了修复ios下底部nav中含输入框时,软键盘弹出后,导致nav错位的问题。
y7 (作者)
我在安卓下没问题,但是IOS底部NAV包含输入框时弹出软键盘,NAV就消失了,看到顶部有一个NAV按钮,软键盘缩回后NAV又出现了,这里的问题是用户的CSS问题,还是MUI的CSS问题?
有什么办法可以暂时规避吗?
DCloud_UNI_FXY
把你的工程发一下。我测试一下
y7 (作者)
这是一个简单的DEMO NAV 带输入框的,我测试过了在IOS上确实有问题,@DCloud_MUI_FXY
y7 (作者)
IOS下点击输入框,软键盘弹出来后 底部的NAV就消失了,然后头部的HEADER就被压扁了,只有再次点击头部的HEADER才会重新变回原样,不知道为什么。。。
两个问题,一个是头部被压扁 ,第二个是NAV软键盘状态时不见了
安卓没这个问题
8***@qq.com
楼主怎么解决的