input输入框被键盘遮挡

分类：MUI

input输入框被键盘遮挡，关掉键盘之后才会看到输入的内容。如何才能实现：当点击输入框的时候，页面整体上移，不被键盘遮挡？求指导

2016-07-26 17:07 1 条评论负责人:无分享

6 个回复

赵梦欢 - 专注前端，乐于分享！

请问是什么场景下使用或出现这个问题呢

2***@qq.com (作者)

客户在下订单后，可以填写备注，订单备注的输入框在页面的中下方，输入备注的时候，键盘挡住了输入框。

赵梦欢

我不是文业务场景，我是问你的input放的dom结构位置，比如是不是没有放在.mui-content中。

2016-07-26 17:54
2***@qq.com (作者)

回复赵梦欢:<div class="mui-content">

<div class="order-line" style="line-height:30px;color:#545454;padding:10px 20px;">

<div class="mui-input-row" >

<span class="title">订单备注:</span>

<input type="text" class="value" id="user_note" value="" placeholder="100字内订单备注" />

</div>

</div>

<div

2016-07-26 18:09

8***@qq.com

你看是不是mate里面的缩放影响的，应该是<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1, maximum-scale=1">，我前两天也遇到这个问题只引用了固定的css和js 结构中没有用.mui一系类的名字，也是管用的，不会被键盘遮挡