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)