开发
API

IntersectionObserver.disconnect

停止监听,通过IntersectionObserver.observe方法注册的回调函数将不再触发。

语法

intersectionObserver.disconnect()

参数说明

无。

扫码体验

请使用字节宿主APP扫码

代码示例

开发者工具中预览

TTML

<!-- 一个全屏宽高的元素,使得下方的 #target 节点的初始位置位于手机屏幕之外-->
<view style="height: 100%"></view>

<!-- 待观测的节点 -->
<view id="target" style="margin:300px auto; width: 150px; height: 150px; background: lightblue;">
</view>

JavaScript

this.intersectionObserver = tt.createIntersectionObserver(this);

// 指定页面显示区域作为参照区域
this.intersectionObserver.relativeToViewport();

this.intersectionObserver.observe("#target", function (res) {
  const { intersectionRatio, intersectionRect, boundingClientRect, relativeRect } = res;
});

// 由于调用了 disconnect 方法,上方注册的回调函数将永不会执行
this.intersectionObserver.disconnect();
点击纠错
评价此篇文档