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

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