From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- .../web/css/-webkit-overflow-scrolling/index.html | 88 ++++++++++++++++++++++ 1 file changed, 88 insertions(+) create mode 100644 files/zh-cn/web/css/-webkit-overflow-scrolling/index.html (limited to 'files/zh-cn/web/css/-webkit-overflow-scrolling') diff --git a/files/zh-cn/web/css/-webkit-overflow-scrolling/index.html b/files/zh-cn/web/css/-webkit-overflow-scrolling/index.html new file mode 100644 index 0000000000..33c9fd5ed1 --- /dev/null +++ b/files/zh-cn/web/css/-webkit-overflow-scrolling/index.html @@ -0,0 +1,88 @@ +--- +title: '-webkit-overflow-scrolling' +slug: Web/CSS/-webkit-overflow-scrolling +tags: + - CSS + - Non-standard + - Reference +translation_of: Web/CSS/-webkit-overflow-scrolling +--- +

{{CSSRef}}{{Non-standard_header}}

+ +

概述

+ +

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

+ +

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

示例

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

规范

+ +

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

+ +

浏览器兼容性

+ +

{{CompatibilityTable}}

+ + + + + + + + + + + + + + + + + + + + +
FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari (WebKit)
Basic support{{CompatUnknown}}{{CompatNo}}{{CompatUnknown}}{{CompatUnknown}}{{CompatUnknown}}
+ + + + + + + + + + + + + + + + + + + + +
FeatureAndroidFirefox Mobile (Gecko)IE PhoneOpera MobileSafari Mobile
Basic support{{CompatUnknown}}{{CompatNo}}{{CompatUnknown}}{{CompatUnknown}}5.0
+ +

相关链接:

+ + -- cgit v1.2.3-54-g00ecf