SnapEvent: snapTargetInline 屬性

可用性有限

此特性不是基線特性,因為它在一些最廣泛使用的瀏覽器中不起作用。

實驗性: 這是一項實驗性技術
在生產中使用此技術之前,請仔細檢查瀏覽器相容性表格

SnapEvent 介面的只讀屬性 snapTargetInline 返回事件觸發時在內聯方向吸附到的元素的引用。

具體而言:

  • scrollsnapchanging 事件的情況下,這指的是一個待定的內聯方向吸附目標(即,在當前滾動手勢結束時會被選中)。
  • scrollsnapchange 事件的情況下,這指的是一個新選中的內聯方向吸附目標。

SnapEvent 上可用的屬性值直接對應於在滾動容器上設定的 scroll-snap-type CSS 屬性的值。僅當吸附軸指定為 inline(或當前書寫模式下等同於 inline 的物理軸值)或 both 時,snapTargetInline 才會返回元素引用。

一個代表被吸附元素的 Node,如果吸附只發生在塊方向,沒有元素在內聯方向被吸附,則返回 null

如果被吸附的元素是偽元素,返回的 Node 將是該偽元素的擁有元素。

示例

有關簡短示例,請參閱主 SnapEvent 頁面,有關完整示例和解釋,請參閱我們的 使用滾動吸附事件 指南。

規範

規範
CSS 滾動捕捉模組級別 2
# dom-snapevent-snaptargetinline

瀏覽器相容性

另見