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)