在ios端让滚动条滑动更顺畅
最近在写移动端的项目,在ios微信浏览器或者是safari浏览器中,
页面有一个向下或向上的拉伸弹性区域。
但是这会给我们页面中的有滚动的区域带来很不好的体验
页面向下滚动时会一卡一卡的
因此我们可以用下面的这个属性
-webkit-overflow-scrolling: touch; /*这是为了滑动更顺畅*/
描述
-webkit-overflow-scrolling 属性控制元素在移动设备上是否使用滚动回弹效果.
示例
-webkit-overflow-scrolling: touch; /* 当手指从触摸屏上移开,会保持一段时间的滚动 */ /*这句是为了滑动更顺畅*/
-webkit-overflow-scrolling: auto; /* 当手指从触摸屏上移开,滚动会立即停止 */