在移动端的web开发中，大家会发现，当给一个元素设置overflow:sroll;属性时，在ios端滑动页面，页面滚动的反应很慢，有种卡顿的感觉，但是在安卓端滚动很快，于是这时就有人想到用iscroll.js插件，让页面中有overflow:scroll;属性的元素在ios端和安卓端滚动的都很流畅，是的，这可以解决问题，元素滚动也很流畅，但是，iscroll.js的也经常伴随着很多问题。例如，他会屏蔽页面上的很多点击事件和input框输入问题等等。当然这些都可以解决，但是弊端很多。于是乎，就有了-webkit-overflow-scrolling:touch;属性，来解决ios端带有overflow:sroll;属性的元素，让其滚动很流畅。记住，-webkit-overflow-scrolling: touch;属性要写在有overflow:sroll;属性的元素的样式里。

有时页面里的一个div给他写了固定的高度，也写了overflow:scroll;属性，并且这个div里有很多input输入框，当我点击某一个input时，软键盘弹出，input输入框在安卓端不会自动顶上去，这时测试就会给你提bug了，这就很麻烦了。于是乎，我就写了一个自己的方法，让安卓端的input框自动顶上去，因为在安卓有这个情况，所以做了终端判断，以下代码仅供参考：

    
        
                
        
    
    
     
        
      
                   您即将审核通过订单,请您填写结算信息        
      
        
      
       输入姓名：
       
      
        
      
       输入年龄：
       
      
        
      
       输入性别：
       
      
        
      
       输入民族：
       
      
        
      
       输入籍贯：
       
      
        
      
       输入现住地址：
       
      
        
      
       输入手机：
       
      
        
      
       输入姓名：
       
      
        
      
       输入年龄：
       
      
        
      
       输入性别：
       
      
        
      
       输入民族：
       
      
        
      
       输入籍贯：
       
      
        
      
       输入现住地址：
       
      
        
      
       输入手机：
       
      
    
     
    
     确定
    

截图：