交叉观察器提供了一种观察目标节点与参照节点及目标节点与祖先节点之间交叉状态的方法,当交叉状态发生变化时,触发相应回调。
开发者可以通过以下三个步骤来观察目标节点与参照节点交叉状态的变化:
lynx.createIntersectionObserver
创建 IntersectionObserver
对象,指定交叉状态变化的阈值列表。IntersectionObserver
对象的 relativeTo
方法指定参照节点。IntersectionObserver
对象的 observe
方法指定目标节点与回调。IntersectionObserver
对象的 disconnect
方法清除目标节点与回调。在下面这个例子中,开发者监听父节点与子节点是否交叉,并在交叉时输出交叉的子节点 id
和交叉的位置。
交叉观察器的具体语法可以参考 IntersectionObserver
。