移动端web页面元素滚动卡顿

问题：web网页在移动端滚动不流畅

解决： 

      给元素加上 ：

      overflow: scroll;    // 该属性随着手指离开立即停

      -webkit-overflow-scrolling: touch;//  该属性随着手指离开还会保持滚动

      overflow-scrolling: touch;

-webkit-overflow-scrolling属性两个值：

        touch： 松开手指滚动条仍然会有惯性滚动

        auto：松开手指元素立即停止滚动

注意：父元素设置了-webkit-overflow-scrolling属性，其子元素不能再设置该属性，不然会导致在子元素区域滚动时滚动卡顿或者失效。