angular.js - 在移动端web上如何解决输入法挡住文本框问题？

Question

在移动端web页面内定义了一个比较大的textarea大概能显示15行字，点击textarea的时候，输入法弹出来会遮住textarea下端的几行字，导致输入的字数到10行之后，后面的输入的字都被输入法挡住了，变成了盲打，体验很差。

请问使用js有什么方法可以解决这种问题？

刚刚写了个比较笨的方法，发现只有三星的手机以及android5.0能兼容，什么小米，vivo之类的乱七八糟的机子都不认这个方法，醉了。。

<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>

Answer 1

1. When the textarea receives the focus event, automatically scroll the text box to the top of the screen
2. The designed input box should not exceed half the screen. If it must exceed, the textarea has a change event, calculate how many words have been entered, and scroll the input box up accordingly

This should make it very friendly

Answer 2

Use fixed positioning, bottom