问题:web网页在移动端滚动不流畅
解决:
给元素加上 :
overflow: scroll; // 该属性随着手指离开立即停
-webkit-overflow-scrolling: touch;// 该属性随着手指离开还会保持滚动
overflow-scrolling: touch;
-webkit-overflow-scrolling属性两个值:
touch: 松开手指滚动条仍然会有惯性滚动
auto:松开手指元素立即停止滚动
注意:父元素设置了-webkit-overflow-scrolling属性,其子元素不能再设置该属性,不然会导致在子元素区域滚动时滚动卡顿或者失效。