WXOPEN Club

wx.createIntersectionObserver()

发布于 6 年前作者 jiaxiulan9585 次浏览最后编辑 6 年前来自 ask
  • 需求的场景描述（希望解决的问题）
Page({
  onLoad() {
    wx.createIntersectionObserver().relativeToViewport({bottom: 100}).observe('.target-class', (res) => {
      res.intersectionRatio // 相交区域占目标节点的布局区域的比例
      res.intersectionRect // 相交区域
      res.intersectionRect.left // 相交区域的左边界坐标
      res.intersectionRect.top // 相交区域的上边界坐标
      res.intersectionRect.width // 相交区域的宽度
      res.intersectionRect.height // 相交区域的高度
    })
  }
})

这段代码只有在第一次进入的时候执行，第二次重新进入就不执行了。

很奇怪。求教一下。

  • 希望提供的能力
2 回复
pcui
pcui1 楼6 年前

第二次是怎么进入的页面？是不是没有触发onLoad事件？

jing35
jing352 楼4 年前

onReady:function(){

var a = this;

console.log(‘observer:’+observer);

var observer = wx.createIntersectionObserver();

console.log(‘observer:’ + observer);

console.log(‘showRecommend:’ + a.data.showRecommend);

observer.relativeToViewport().observe(‘.applyBar’, (res) => {

console.log(‘res.intersectionRatio:’ + res.intersectionRatio);

if (res.intersectionRatio > 0 && a.data.showRecommend == 0) {

a.GetRecommendList();

}

});

},

希望帮忙看看。我刚做小程序没多久，新手。谢谢。