关于手机键盘挡住输入框的问题

项目结构大概是这个样子：

在主页面有5个浮动窗口的表单，因为是浮动窗口，不知道为什么页面不会自动上浮，想了很就，也试过很多方法，但是都不是很理想。

于是，只能用最笨的方法。。。。设置 margin-top这个属性

原理是， 当获取文本框光标时，设置这个属性， 失去焦点时，在删除这个属性。（我想没有比我更笨的办法了，唯一的优点我想就是简单吧）

于是跟着想法来 

先获取当前页面的margin和当前滚动条的margin 相加

       var top = document.getElementById('margin').offsetTop+document.body.scrollTop;

然后 给这个页面的marginTop属性赋 一个 负值，然后在减去 获得的top（大概位置差不多）

     document.getElementById("margin").style.marginTop = (-200 - top) + "px";

上面时获取焦点事件 

然后就是 失去焦点事件

$("#margin").removeAttr("style");  

ok ， 最笨的方法了 ，希望能帮到大家