非标准
该特性是非标准的,请尽量不要在生产环境中使用它!

概述

-webkit-overflow-scrolling 属性控制元素在移动设备上是否使用滚动回弹效果.

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

示例

-webkit-overflow-scrolling: touch; /* 当手指从触摸屏上移开,会保持一段时间的滚动 */

-webkit-overflow-scrolling: auto; /* 当手指从触摸屏上移开,滚动会立即停止 */

规范

尚未有相关规范。另在Apple提供的Safari CSS 参考文档中有所提及。

浏览器兼容性

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support ? 未实现 ? ? ?
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support ? 未实现 ? ? 5.0

相关链接:

文档标签和贡献者

标签: 
 此页面的贡献者: Ende93, FrontENG, limichange, ccforward
 最后编辑者: Ende93,