ios解决输入框弹出后position:fixed失效问题_html/css_WEB-ITnose

最近在使用AmazeUI进行仿App Mobile Web开发时遇到了讨论众多的position:fixed问题。position:fixed在安卓2.2以上已经实现，但是在ios8以下系统当小键盘激活时，会出现位置错位的问题。

如下图：

受到CSDN上刘华童鞋（http://my.csdn.net/liu__hua）的启发，找到了目前位置比较完美的解决方案。

顶部固定区域
     
当内容欲出隐藏时，灰色区域可上下拖动
    
当内容欲出隐藏时，灰色区域可上下拖动
     
当内容欲出隐藏时，灰色区域可上下拖动
     
当内容欲出隐藏时，灰色区域可上下拖动
     
当内容欲出隐藏时，灰色区域可上下拖动
     
当内容欲出隐藏时，灰色区域可上下拖动
     
当内容欲出隐藏时，灰色区域可上下拖动
     
当内容欲出隐藏时，灰色区域可上下拖动
     
当内容欲出隐藏时，灰色区域可上下拖动
     
当内容欲出隐藏时，灰色区域可上下拖动
     
当内容欲出隐藏时，灰色区域可上下拖动
    













































     content 
    content 
    content 
    content 
    content 
    content 
    content 
    content 
    content 

底部固定区域

当小键盘出现时头部、底部自动跳到页面最顶端、最底端。键盘隐藏时又会固定在头部，底部。

内容转载于：http://blog.csdn.net/liu__hua/article/details/40106595

以作记录。