-webkit-overflow-scrolling

-webkit-overflow-scrolling：auto | touch

默认值：auto

适用于：块容器，伸缩盒容器，grid容器

继承性：无

动画性：否

计算值：指定值

auto：

默认值。当手指从触摸屏上移开，滚动会立即停止，相当于普通的滚动效果。

touch：

使用具有回弹效果的滚动，当手指从触摸屏上移开，内容会继续保持一段时间的滚动效果。继续滚动的速度和持续的时间和滚动手势的强烈程度成正比。同时也会创建一个新的堆叠上下文。

• 该属性用来控制元素在移动设备上是否使用滚动回弹效果。
• 该属性在 iOS UIWebView 中无效。
• 该属性需与 overflow 属性配合使用，因为必须先定义元素允许滚动，才可以指定它在滚动具有回弹效果。

  CSS：

  .demo { height: 200px; overflow-y: auto; /* 允许元素滚动，值可以是 auto | scroll */ -webkit-overflow-scrolling: touch; /* 定义滚动时回弹效果 */ }

  在移动设备上运行这个示例，将能感受到与 Native 相同的滚动回弹；

• 对应的脚本特性为webkitOverflowScrolling。

• 浅绿 = 支持
• 红色 = 不支持
• 粉色 = 部分支持

1. Android 4.0前期增加了快速回弹滚动效果，不过随后这个特性又被移除，目前为止 Android 上所有浏览器支持该属性但未实现回弹效果。