CSS - scroll-snap-align
概要
| 属性名 | scroll-snap-align |
|---|---|
| 値 | [ none | start | end | center ]{1,2} |
| 初期値 | none |
| 適用可能要素 | すべての要素 |
| 継承 | しない |
| サポート | https://caniuse.com/?search=scroll-snap-align |
説明
スクロールをスナップする際、スナップ領域のどの部分に調整するかを指定します。スクロールのスナップについては scroll-snap-type を参照してください。値を2つ指定した場合は1つ目がブロック方向(横書きの場合はY軸方向、縦書きの場合はX軸方向)、2つ目がインライン方向(横書きの場合はX軸方向、縦書きの場合はY軸方向)の値となります。
| 値 | 説明 |
|---|---|
| none | スナップ位置を定義しません。 |
| start | スナップ領域の先頭がスナップ位置となります。 |
| end | スナップ領域の末尾がスナップ位置となります。 |
| center | スナップ領域の中央がスナップ位置となります。 |
使用例
scroll-snap-type を参照してください。
関連項目
scroll-snap-typeリンク
- https://developer.mozilla.org/ja/docs/Web/CSS/scroll-snap-align
- https://drafts.csswg.org/css-scroll-snap/#scroll-snap-align
Copyright (C) 2022 杜甫々
初版：2022年8月21日、最終更新：2022年8月21日
https://www.tohoho-web.com/css/prop/scroll-snap-align.htm