intersectionobserver.relativetoviewport(object margins)
基础库 或更高版本； 且 支付宝客户端 10.1.32 或更高版本； 若版本较低，建议采取 兼容处理 。
支小宝客户端 支持
安诊儿客户端 支持
主体： 企业支付宝小程序 、 个人支付宝小程序
指定页面显示区域作为参照区域之一。
object margins
用来扩展（或收缩）参照节点布局区域的边界
查看示例
| 属性 | 类型 | 默认值 | 必填 | 描述 |
|---|---|---|---|---|
| left | number | - | 否 | 节点布局区域的左边界 |
| right | number | - | 否 | 节点布局区域的右边界 |
| top | number | - | 否 | 节点布局区域的上边界 |
| bottom | number | - | 否 | 节点布局区域的下边界 |
intersectionobserver.relativetoviewport(object margins)
// .js
page({
onready() {
my.createintersectionobserver()
.relativetoviewport({ top: 200, bottom: 200 })
.observe('.target', res => {
console.log(res);
});
},
});
下面的示例代码中，如果目标节点（用选择器 .target 指定）进入显示区域以上 200px、以下 200px 时，就会触发回调函数。