# 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