---
name: "IntersectionObserver.disconnect"
mode: "api"
versionRequirements:
  - { name: "基础库", version: "2.10.0" }
title: "disconnect"
---

## IntersectionObserver.disconnect

> [VERSION] 基础库 >= 2.10.0

### 描述

停止监听，回调函数将不再触发。

### 参数

无


### 返回值

类型: `IntersectionObserver`

[IntersectionObserver 实例](/cn/miniapp/develop/miniapp/api/tyml/IntersectionObserver/IntersectionObserver)

### 示例代码

#### 页面卸载时停止监听

```html
// index.tyml
<view class="target">观察目标</view>
```

```js
// index.js
Page({
  data: {
    observer: null,
  },
  onReady() {
    var observer = ty.createIntersectionObserver(this);
    observer
      .relativeToViewport()
      .observe('.target', (res) => {
        console.log('相交比例', res.intersectionRatio);
      });
    this.data.observer = observer;
  },
  onUnload() {
    if (this.data.observer) {
      this.data.observer.disconnect();
    }
  },
});
```

```css
// index.tyss
.target {
  height: 200rpx;
  background-color: #e8f4ff;
  margin-top: 600rpx;
}
```