css - ios 系统下 不支持 position: fixed; ios8 系统

Question

<footer class="foot" >
    <input type="text" />
</footer>

<style>
.head,.foot{position:fixed;left:0;height:38px;line-height:38px;width:100%;background-color:#99CC00;}
.head{top:0;}
.foot{bottom:0;}
.main{position:fixed;top:38px;bottom:38px;width:100%;overflow:scroll;background-color:#BABABA;}
</style>


解决方案 这个没用 坑货：http://www.douban.com/note/341635041/

手机可以访问 http://nnn.li/index4.html IOS 苹果访问 点击输入框

或者访问 国外大神的解决地址demo http://output.jsbin.com/oqamad/1/

当用ios 手机访问到该页面， 滚动到页面中间部分的时候， 点击输入框，弹出键盘，输入框 就飘到屏幕上方了 而不是贴附在键盘上方

页面浏览 情况

在点击输入法后 出现错误 漂移了、

改如何解决呢
、