intersectionobserver.relativeto(string selector, object margins)
基础库 或更高版本; 且 支付宝客户端 10.1.32 或更高版本; 若版本较低,建议采取 兼容处理 。
主体: 企业支付宝小程序 、 个人支付宝小程序
使用选择器指定一个节点,作为参照区域之一。
string selector
选择器
object margins
用来扩展(或收缩)参照节点布局区域的边界
属性 | 类型 | 默认值 | 必填 | 描述 |
---|---|---|---|---|
left | number | - | 否 | 节点布局区域的左边界 |
right | number | - | 否 | 节点布局区域的右边界 |
top | number | - | 否 | 节点布局区域的上边界 |
bottom | number | - | 否 | 节点布局区域的下边界 |
intersectionobserver.relativeto(string selector, object margins)
axml
js
// .axml
<view class="reference" style="width: 200px;height: 200px;background-color: skyblue;text-align: center;line-height: 200px;">参照区域view>
<view class="target" style="width: 100px;height: 50px;background-color: pink;text-align: center;line-height: 50px;">目标节点view>
// .js
my.createintersectionobserver ()
.relativeto ('.reference', {
bottom: 50,
})
.observe ('.target', res => {
console.log (res);
});