SnapEvent: snapTargetBlock 屬性
SnapEvent 介面的只讀屬性 snapTargetBlock 返回一個引用,該引用指向事件觸發時在塊方向上吸附到的元素。
具體而言:
- 在
scrollsnapchanging事件的情況下,這指的是一個待定的塊方向吸附目標(即,它將在當前滾動姿勢結束時被選中)。 - 在
scrollsnapchange事件的情況下,這指的是一個新選中的塊方向吸附目標。
SnapEvent 上可用的屬性值直接對應於在滾動容器上設定的 scroll-snap-type CSS 屬性的值。僅當吸附軸指定為 block(或在當前書寫模式下等同於 block 的物理軸值)或 both 時,snapTargetBlock 才返回元素引用。
值
一個代表吸附元素的 Node,或者如果滾動吸附僅發生在內聯方向,因此在塊方向上沒有吸附到任何元素,則返回 null。
如果吸附的元素是偽元素,則返回的 Node 將是該偽元素的擁有元素。
示例
規範
| 規範 |
|---|
| CSS 滾動捕捉模組級別 2 # dom-snapevent-snaptargetblock |
瀏覽器相容性
載入中…
另見
scrollsnapchanging事件scrollsnapchange事件- CSS 滾動吸附模組
- developer.chrome.com 上的滾動捕捉事件 (2024)