y7
y7
  • 发布:2015-02-22 11:49
  • 更新:2017-05-04 11:02
  • 阅读:3312

ios下遇到几个问题,header会隐藏,如何禁止,

分类:MUI

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">&nbsp;</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">&nbsp;</button>  
                <button class="mui-btn jianpanb hide">&nbsp;</button>  
                <button class="mui-btn mui-btn-primary jianpanc hide" onclick="return false;">确认</button></td>  
        </tr></table>  
        <div style="clear: both;"></div>  
    </div>  
</nav>
2015-02-22 11:49 负责人:无 分享
已邀请:
DCloud_UNI_FXY

DCloud_UNI_FXY

header不是被隐藏了,而是调整了定位,这样处理主要是为了修复ios下底部nav中含输入框时,软键盘弹出后,导致nav错位的问题。

y7

y7 (作者)

我在安卓下没问题,但是IOS底部NAV包含输入框时弹出软键盘,NAV就消失了,看到顶部有一个NAV按钮,软键盘缩回后NAV又出现了,这里的问题是用户的CSS问题,还是MUI的CSS问题?
有什么办法可以暂时规避吗?

DCloud_UNI_FXY

DCloud_UNI_FXY

把你的工程发一下。我测试一下

y7

y7 (作者)

这是一个简单的DEMO NAV 带输入框的,我测试过了在IOS上确实有问题,@DCloud_MUI_FXY

y7

y7 (作者)

IOS下点击输入框,软键盘弹出来后 底部的NAV就消失了,然后头部的HEADER就被压扁了,只有再次点击头部的HEADER才会重新变回原样,不知道为什么。。。
两个问题,一个是头部被压扁 ,第二个是NAV软键盘状态时不见了
安卓没这个问题

8***@qq.com

8***@qq.com

楼主怎么解决的

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