blob: 88d80ff1021ea22ac4859c4eacabd08af2dfa7a9 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
|
---
title: scroll-snap-type-y
slug: Web/CSS/scroll-snap-type-y
tags:
- CSS
- CSS プロパティ
- CSS スクロールスナップ
- NeedsExample
- Non-standard
- リファレンス
- recipe:css-property
browser-compat: css.properties.scroll-snap-type-y
translation_of: Web/CSS/scroll-snap-type-y
---
{{CSSRef}}{{deprecated_header}}
**`scroll-snap-type-y`** は [CSS](/ja/docs/Web/CSS) のプロパティで、スクロールコンテナーの垂直軸にスナップ点がある場合に、どの程度厳密に実行されるかを定義します。
これらのスナップ点を強制するために使用される正確なアニメーションや物理学の指定は、このプロパティでは扱っておらず、ユーザーエージェントに任されています。
```css
/* キーワード値 */
scroll-snap-type-y: none;
scroll-snap-type-y: mandatory;
scroll-snap-type-y: proximity;
/* グローバル値 */
scroll-snap-type-y: inherit;
scroll-snap-type-y: initial;
scroll-snap-type-y: unset;
```
## 構文
### 値
- `none`
- : このスクロールコンテナーの視覚的{{Glossary("viewport", "ビューポート")}}が垂直方向にスクロールされるとき、スナップ点を無視しなければならない。
- `mandatory`
- : このスクロールコンテナーの視覚的ビューポートは、現在垂直方向にスクロールされていない場合、スナップ点で静止します。つまり、可能であれば、スクロール動作が終了した時点でその点にスナップします。コンテンツが追加、移動、削除、サイズ変更された場合、スクロールオフセットは、そのスナップ点での静止状態を維持するように調整されます。
- `proximity`
- : このスクロールコンテナーの視覚的ビューポートは、ユーザーエージェントのスクロール引数を考慮して、現在垂直方向にスクロールされていない場合、スナップ点に静止することができる。コンテンツが追加、移動、削除、サイズ変更された場合、スクロールオフセットは、そのスナップ点での静止を維持するために調整されるかもしれません。
## 公式定義
{{CSSInfo}}
## 形式文法
{{CSSSyntax}}
## 仕様書
どの標準にも含まれていません。
## ブラウザーの互換性
{{Compat}}
## 関連情報
- [`scroll-snap-type-x`](/ja/docs/Web/CSS/scroll-snap-type-x)
- [`scroll-snap-type`](/ja/docs/Web/CSS/scroll-snap-type)
|