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();
点击纠错
评价此篇文档