# IntersectionObserver.relativeTo
使用选择器指定一个节点,作为参照区域之一
# 支持说明
| 应用能力 | Android | iOS | PC | 预览效果 |
|---|---|---|---|---|
| 小程序 | 3.0.0 | 3.0.0 | 3.2.0 | 待补充 |
| 网页应用 | X | X | X | 待补充 |
# 输入
| 名称 | 数据类型 | 必填 | 默认值 | 描述 |
|---|---|---|---|---|
| selector | string | 是 | 代表选择器的字符串 | |
| margins | object | 是 | 用来扩展(或收缩)参照节点布局区域的边界 | |
| ∟ left | number | 否 | 节点布局区域的左边界 | |
| ∟ right | number | 否 | 节点布局区域的右边界 | |
| ∟ top | number | 否 | 节点布局区域的上边界 | |
| ∟ bottom | number | 否 | 节点布局区域的下边界 |
# 输出
无
# 代码示例
observer = bz.createIntersectionObserver(this);
observer.relativeTo('.scroll-view').observe('.ball', (res) => {
if (res.intersectionRatio > 0 && !this.appear) {
this.appear = true;
} else if (!res.intersectionRatio > 0 && this.appear) {
this.appear = false;
}
})
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8