wjszlp123
wjszlp123
  • 发布:2016-04-05 17:01
  • 更新:2016-04-05 17:01
  • 阅读:2127

软键盘遮挡input ,一闪而过

分类:MUI

在一个具有侧滑菜单的页面,主页面容器中放多个input,点击底部的input时,软键盘只闪一下就消失了。点击软键盘位置之上的input没有问题。去掉侧滑菜单功能,在一个单一的页面,此问题也不存在,应该如何解决?

<body>
<!-- 侧滑导航根容器 -->
<div class="mui-off-canvas-wrap mui-draggable">
<!-- 主页面容器 -->
<div class="mui-inner-wrap">
<!-- 菜单容器 -->
<aside class="mui-off-canvas-left">
<div class="mui-scroll-wrapper">
<div class="mui-scroll">
<!-- 菜单具体展示内容 -->
...
</div>
</div>
</aside>
<!-- 主页面标题 -->
<header class="mui-bar mui-bar-nav">
<a class="mui-icon mui-action-menu mui-icon-bars mui-pull-left"></a>
<h1 class="mui-title">标题</h1>
</header>
<!-- 主页面内容容器 -->
<div class="mui-content mui-scroll-wrapper">
<div style="height: 180%;">
<input type="text" name="Name" class="mui-input-clear" placeholder="1">
<input type="text" name="Name" class="mui-input-clear" placeholder="12">
<input type="text" name="Name" class="mui-input-clear" placeholder="13">
<input type="text" name="Name" class="mui-input-clear" placeholder="14">
<input type="text" name="Name" class="mui-input-clear" placeholder="15">
<input type="text" name="Name" class="mui-input-clear" placeholder="16">
<input type="text" name="Name" class="mui-input-clear" placeholder="17">
<input type="text" name="Name" class="mui-input-clear" placeholder="18">
<input type="text" name="Name" class="mui-input-clear" placeholder="19">
<input type="text" name="Name" class="mui-input-clear" placeholder="10">
<input type="text" name="Name" class="mui-input-clear" placeholder="11">
</div>

            </div>  
        </div>  
    </div>  
</body>
2016-04-05 17:01 负责人:无 分享
已邀请:

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