©
This document usesPHP Chinese website manualRelease
-webkit-overflow-scrolling:auto | touch
默认值:auto
适用于:块容器,伸缩盒容器,grid容器
继承性:无
动画性:否
计算值:指定值
auto:默认值。当手指从触摸屏上移开,滚动会立即停止,相当于普通的滚动效果。
touch:使用具有回弹效果的滚动,当手指从触摸屏上移开,内容会继续保持一段时间的滚动效果。继续滚动的速度和持续的时间和滚动手势的强烈程度成正比。同时也会创建一个新的堆叠上下文。
该属性用来控制元素在移动设备上是否使用滚动回弹效果。
该属性在 iOS UIWebView 中无效。
该属性需与overflow属性配合使用,因为必须先定义元素允许滚动,才可以指定它在滚动具有回弹效果。
.demo { height: 200px; overflow-y: auto; /* 允许元素滚动,值可以是 auto | scroll */ -webkit-overflow-scrolling: touch; /* 定义滚动时回弹效果 */ }
在移动设备上运行这个示例,将能感受到与 Native 相同的滚动回弹;
对应的脚本特性为webkitOverflowScrolling。