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）的启发，找到了目前位置比较完美的解决方案。

         .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;}    顶部固定区域       
     
当内容欲出隐藏时，灰色区域可上下拖动
    
当内容欲出隐藏时，灰色区域可上下拖动
     
当内容欲出隐藏时，灰色区域可上下拖动
     
当内容欲出隐藏时，灰色区域可上下拖动
     
当内容欲出隐藏时，灰色区域可上下拖动
     
当内容欲出隐藏时，灰色区域可上下拖动
     
当内容欲出隐藏时，灰色区域可上下拖动
     
当内容欲出隐藏时，灰色区域可上下拖动
     
当内容欲出隐藏时，灰色区域可上下拖动
     
当内容欲出隐藏时，灰色区域可上下拖动
     
当内容欲出隐藏时，灰色区域可上下拖动
      
          
     
     
       
       
      
      
      
       
       
       
       
       
       
       
       
       
       
     
     
       
       
      
      
     
       
       
      
      
     
    
    
      
     
     
      
      
      
      
      
      
      
       
      
      
     content 
    content 
    content 
    content 
    content 
    content 
    content 
    content 
    content 


      
查看更多关于ios解决输入框弹出后position:fixed失效问题_html/css_WEB-ITnose的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did110154