SnapEvent: snapTargetInline 属性

可用性有限

此特性不是基线特性,因为它在一些最广泛使用的浏览器中不起作用。

实验性: 这是一项实验性技术
在生产中使用此技术之前,请仔细检查浏览器兼容性表格

SnapEvent 接口的只读属性 snapTargetInline 返回事件触发时在内联方向吸附到的元素的引用。

具体而言:

  • scrollsnapchanging 事件的情况下,这指的是一个待定的内联方向吸附目标(即,在当前滚动手势结束时会被选中)。
  • scrollsnapchange 事件的情况下,这指的是一个新选中的内联方向吸附目标。

SnapEvent 上可用的属性值直接对应于在滚动容器上设置的 scroll-snap-type CSS 属性的值。仅当吸附轴指定为 inline(或当前书写模式下等同于 inline 的物理轴值)或 both 时,snapTargetInline 才会返回元素引用。

一个代表被吸附元素的 Node,如果吸附只发生在块方向,没有元素在内联方向被吸附,则返回 null

如果被吸附的元素是伪元素,返回的 Node 将是该伪元素的拥有元素。

示例

有关简短示例,请参阅主 SnapEvent 页面,有关完整示例和解释,请参阅我们的 使用滚动吸附事件 指南。

规范

规范
CSS 滚动捕捉模块级别 2
# dom-snapevent-snaptargetinline

浏览器兼容性

另见