判断元素是否在页面的显示区域内 wx.createIntersectionObserver
onLoad() {
this._observer = wx.createIntersectionObserver()
this._observer
//.relativeTo('.scroll-view')
.relativeToViewport() //指定页面显示区域作为参照区域之一
.observe('.ball', (res) => { //在参照区域里监听目标节点是否显示
console.log(res);
if(res.intersectionRatio > 0){
console.log('.ball进入了可视区域')
}else{
console.log('.ball离开了可视区域')
}
})
},
onUnload() {
//停止监听
if (this._observer) this._observer.disconnect()
}
<view class="ball">哈哈哈</view>