小程序判断元素是否在页面的显示区域内

判断元素是否在页面的显示区域内 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>
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容