解决移动端滚动不流畅的问题以及最外成用fixed包围的页面滚动问题

设置div的overflow:scroll,但是在手机上滑动的时候有点卡顿，所以在这个div上加一个css:

-webkit-overflow-scrolling : touch;

在苹果手机上使用-webkit-overflow-scrolling:touch会导致使用固定定位的元素，随着页面一起滚动，只有滚动停止时才会恢复原位。如果不用这个属性的话，使用overflow-y:属性的盒子滑动非常不流畅，

解决方法：

使用overflow-y属性的元素不应该和固定元素在一个层级，使用overflow-y属性的元素外面加一层和固定元素在同一层级可以解决该问题…

但是注意，ios端触发touch事件是在手指在屏幕上的操作期间。
例如touchend事件，是在你手指离开屏幕时就立即触发。而不是在滑动停止时触发。