IntersectionObserver.observe(targetSelector, callback)

指定目标节点并开始监听相交状态变化情况

参数说明:string targetSelector选择器

function callback监听相交状态变化的回调函数

回调结果说明

属性类型说明
intersectionRationumber相交比例
intersectionRectObject相交区域的边界
boundingClientRectObject目标边界
relativeRectObject参照区域的边界
timenumber相交检测时的时间戳

intersectionRect、boundingClientRect、relativeRect 结构说明

属性类型说明
leftnumber左边界
rightnumber右边界
topnumber上边界
bottomnumber下边界

示例:

  1. swan.createIntersectionObserver(this, {
    selectAll: true
    })
    .relativeTo('.container')
    .observe('.ball', res => {
    console.log(res.intersectionRect); // 相交区域
    console.log(res.intersectionRect.left); // 相交区域的左边界坐标
    console.log(res.intersectionRect.top); // 相交区域的上边界坐标
    console.log(res.intersectionRect.width); // 相交区域的宽度
    console.log(res.intersectionRect.height); // 相交区域的高度
    });