今日頭條小程序intersectionobserverdisconnect

小編:啊南 25閱讀 2020.12.16

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();
關聯標簽:
欧美日韩在线精品视频二区_日本高清在线精品一区_天天看片天天av免费观看