Question

手机web开发，当文本框获得焦点时，输入法挡住了文本框

注意不是安卓app的开发，用的技术是html5，代码如下：
<!--Page 1 content-->
<div class="swiper-slide sliderbg">
<div class="swiper-container swiper-nested1">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="slide-inner">
<div class="pages_container">
<h3>Leave a comment</h3>
<div class="form">
<form action="">
<label>Name:</label>
<input type="text" />
<textarea class="form_textarea" rows="" cols=""></textarea>

<input type="submit" class="form_submit green green_borderbottom" value="Submit" />
</form>

</div>
</div>
</div>
</div>
<div class="swiper-scrollbar1"></div>
</div>
</div>

Answer 1

监听onfocus事件
触发焦点的时候
if 你的页面可以滚动 then
把你页面的scrollTop值增加，把文本框滚动到上部
else if 你的页面不可以滚动 then
增加页面的maring-bottom 使页面内容整体上移

追问

谢谢，这一块我不太懂 可以具体给我写写不？

追答

<textarea class="form_textarea" onfocus="textfocus(this)" onblur="textblur(this)" rows="" cols=""></textarea>

<script type='text/javascript'>
function textfocus(o){
o.style.position = 'fixed';
o.style.top = '50px';
o.style.zIndex = '999';
}
function textblur(o){
o.style.position = 'static';
o.style.top = 'auto';
}
</script>

情况不了解，弄了个比较笨的法子

追问

非常感谢 ，回去试试

还有以个问题就是我做的是手机网站，注册页面有很多文本框，按住一个文本框之后我要的效果是页面上划，但是现在的效果是我刚按住就选中的文本框，然后输入法就出来了，这样体验太差，这个应该怎样设置？？