SnapEvent: snapTargetInline プロパティ
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Experimental: これは実験的な機能です。
本番で使用する前にブラウザー互換性一覧表をチェックしてください。
snapTargetInline は SnapEvent インターフェイスの読み取り専用プロパティで、このイベントが発行されたときに、インライン方向にスナップされた要素への参照を返します。
具体的には、次のようになります。
scrollsnapchangingイベントの場合、これは待機中のインライン方向のスナップターゲット(つまり、現在のスクロール捜査が終了したときに選択されるもの)を参照します。scrollsnapchangeイベントの場合、これは新しく選択されたインライン方向のスナップターゲットを参照します。
SnapEvent で利用可能なプロパティ値は、スクロールコンテナーに設定された scroll-snap-type プロパティの値に直接対応します。 snapTargetInline は、スナップ軸が inline (または、現在の書字方向で inline に相当する物理軸値の場合)または both と指定されている場合、要素参照のみを返します。
値
スナップする要素を表す Node、またはスクロールスナップがブロック方向でしか発生せず、インライン方向にスナップされる要素がない場合は null です。
スナップされた要素が擬似要素であった場合、返される Node はその擬似要素を所有する要素です。
例
短い例については SnapEvent のメインページを、完全な例と説明についてはスクロールスナップイベントの使用ガイドを参照してください。
仕様書
| Specification |
|---|
| CSS Scroll Snap Module Level 2> # dom-snapevent-snaptargetinline> |
ブラウザーの互換性
Loading…
関連情報
scrollsnapchangingイベントscrollsnapchangeイベント- CSS スクロールスナップモジュール
- Scroll Snap Events (developer.chrome.com, 2024)