CSS - scroll-snap-align

トップ > 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

リンク


Copyright (C) 2022 杜甫々
初版:2022年8月21日、最終更新:2022年8月21日
http://www.tohoho-web.com/css/prop/scroll-snap-align.htm