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