From 48e8f90e628c15e1678699454a27d74d48f0fd95 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Sun, 5 Dec 2021 01:51:40 +0900 Subject: WebKit 固有のプロパティを変換準備 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../web/css/-webkit-overflow-scrolling/index.html | 87 ---------------------- .../ja/web/css/-webkit-overflow-scrolling/index.md | 87 ++++++++++++++++++++++ 2 files changed, 87 insertions(+), 87 deletions(-) delete mode 100644 files/ja/web/css/-webkit-overflow-scrolling/index.html create mode 100644 files/ja/web/css/-webkit-overflow-scrolling/index.md (limited to 'files/ja/web/css/-webkit-overflow-scrolling') diff --git a/files/ja/web/css/-webkit-overflow-scrolling/index.html b/files/ja/web/css/-webkit-overflow-scrolling/index.html deleted file mode 100644 index 9f5655ffa1..0000000000 --- a/files/ja/web/css/-webkit-overflow-scrolling/index.html +++ /dev/null @@ -1,87 +0,0 @@ ---- -title: '-webkit-overflow-scrolling' -slug: Web/CSS/-webkit-overflow-scrolling -tags: - - CSS - - CSS プロパティ - - Reference - - WebKit 拡張 - - リファレンス - - 標準外 -translation_of: Web/CSS/-webkit-overflow-scrolling ---- -
{{CSSRef}} {{Non-standard_header}}
- -

-webkit-overflow-scrollingCSS のプロパティは、指定された要素で惰性付き (momentum-based) のスクロールを使用するかどうかを制御します。

- -

{{cssinfo}}

- -

- -
-
auto
-
「通常」のスクロールで、タッチパネルから指を離すとすぐにコンテンツはスクロールが停止します。
-
touch
-
惰性付きのスクロールで、コンテンツはスクロールのジェスチャーが終了し、タッチパネルから指を離した後もスクロールを続けます。スクロールを続ける速度と期間は、スクロールのジェスチャーがどれだけすばやく行われたかによります。また、新しい重ね合わせコンテキストを生成します。
-
- -

形式文法

- -{{csssyntax}} - -

- -

HTML

- -
<div class="scroll-touch">
-  <p>
-    This paragraph has momentum scrolling
-  </p>
-</div>
-<div class="scroll-auto">
-  <p>
-    This paragraph does not.
-  </p>
-</div>
- -

CSS

- -
div {
-  width: 100%;
-  overflow: auto;
-}
-
-p {
-  width: 200%;
-  background: #f5f9fa;
-  border: 2px solid #eaf2f4;
-  padding: 10px;
-}
-
-.scroll-touch {
-  -webkit-overflow-scrolling: touch; /* Lets it scroll lazy */
-}
-
-.scroll-auto {
-  -webkit-overflow-scrolling: auto; /* Stops scrolling immediately */
-}
-
- -

結果

- -

{{EmbedLiveSample('Examples')}}

- -

仕様書

- -

仕様書では定義されていません。 Apple には Safari CSS Reference に説明があります。

- -

ブラウザーの互換性

- -

{{Compat("css.properties.-webkit-overflow-scrolling")}}

- -

関連情報

- - diff --git a/files/ja/web/css/-webkit-overflow-scrolling/index.md b/files/ja/web/css/-webkit-overflow-scrolling/index.md new file mode 100644 index 0000000000..9f5655ffa1 --- /dev/null +++ b/files/ja/web/css/-webkit-overflow-scrolling/index.md @@ -0,0 +1,87 @@ +--- +title: '-webkit-overflow-scrolling' +slug: Web/CSS/-webkit-overflow-scrolling +tags: + - CSS + - CSS プロパティ + - Reference + - WebKit 拡張 + - リファレンス + - 標準外 +translation_of: Web/CSS/-webkit-overflow-scrolling +--- +
{{CSSRef}} {{Non-standard_header}}
+ +

-webkit-overflow-scrollingCSS のプロパティは、指定された要素で惰性付き (momentum-based) のスクロールを使用するかどうかを制御します。

+ +

{{cssinfo}}

+ +

+ +
+
auto
+
「通常」のスクロールで、タッチパネルから指を離すとすぐにコンテンツはスクロールが停止します。
+
touch
+
惰性付きのスクロールで、コンテンツはスクロールのジェスチャーが終了し、タッチパネルから指を離した後もスクロールを続けます。スクロールを続ける速度と期間は、スクロールのジェスチャーがどれだけすばやく行われたかによります。また、新しい重ね合わせコンテキストを生成します。
+
+ +

形式文法

+ +{{csssyntax}} + +

+ +

HTML

+ +
<div class="scroll-touch">
+  <p>
+    This paragraph has momentum scrolling
+  </p>
+</div>
+<div class="scroll-auto">
+  <p>
+    This paragraph does not.
+  </p>
+</div>
+ +

CSS

+ +
div {
+  width: 100%;
+  overflow: auto;
+}
+
+p {
+  width: 200%;
+  background: #f5f9fa;
+  border: 2px solid #eaf2f4;
+  padding: 10px;
+}
+
+.scroll-touch {
+  -webkit-overflow-scrolling: touch; /* Lets it scroll lazy */
+}
+
+.scroll-auto {
+  -webkit-overflow-scrolling: auto; /* Stops scrolling immediately */
+}
+
+ +

結果

+ +

{{EmbedLiveSample('Examples')}}

+ +

仕様書

+ +

仕様書では定義されていません。 Apple には Safari CSS Reference に説明があります。

+ +

ブラウザーの互換性

+ +

{{Compat("css.properties.-webkit-overflow-scrolling")}}

+ +

関連情報

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