因为,iphone的虚拟键盘遮罩问题,我人都傻了,于是自己一个一个参数一直试,最后可以了,html比较乱,仅供参考。
<div class="top" style="
width: 100%;
bottom: 0px;
position: absolute;
left: 0;
background: #fff;
margin-bottom:0px;
padding-top: 5px;
padding-bottom: 3px;
border-bottom: 1px solid #e6e6e6;
z-index: 99;
border-top: 1px solid #e6e6e6;
">
<input id="textarea" type="text" required="" style="
/*background: #efefef;*/
float: left;
width: 81%;
border: 0px;
" placeholder="输入内容....">
<!--<button onclick="jianpan(); return false;" style="-->
<!--background-color: #569660;-->
<!--height: 28px;-->
<!--line-height: 18px;-->
<!--width: 69px;-->
<!-- -webkit-border-radius: 5px;-moz-border-radius:5px ;border-radius: 5px;-->
<!--border: 1px solid #ffffff;-->
<!--color: white;">键盘</button>-->
<button onclick=" onSubmit()" style="
background-color: #fa9f34;
height: 32px;
line-height: 18px;
width: 69px;
-webkit-border-radius: 5px;-moz-border-radius:5px ;border-radius: 5px;
border: 1px solid #ffffff;
color: white;">发送</button>
</div>
如果你也遇到这个问题,先把这上面的复制到你项目,一个 一个调试吧 。