在移动浏览器中无法将div / textarea保留在移动键盘之上

Question

我为div提供了以下代码：

HTML

<div id="input">
     <table id="submit">
         <tr>
             <td>
                 <form id="one">
                     <textarea id="one_inside"></textarea>
                 </form>
             </td>
             <td>
                 <input "submit_two" type="button"/>
             </td>
         </tr>
     </table>
</div>

CSS

#input{
    border: solid black 1px;
    position: fixed;
    background-color: white;
    bottom:0;
    left:0;
    width:100%;
    height:12%;
}
#submit{
    width: 100%;
}
#one_inside{
    float: left;
    position:relative;
    width:100%;
    font-size: 15px !important;
}

但是当键盘聚焦并阻挡视图时，键盘总是会占据textarea的路径。如何始终将div保留在移动浏览器的底部，但在键盘顶部不要阻止视图？