收藏
回答

wx.createIntersectionObserver()

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 需求 wx.createIntersectionObserver() 客户端 7 2.3

- 需求的场景描述(希望解决的问题)


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 个回答

  • 张小张他爸
    张小张他爸
    2019-01-11

    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();

    }

    });

    },

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

    2019-01-11
    有用
    回复
  • 社区技术运营专员-灵芝
    社区技术运营专员-灵芝
    2019-01-11

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

    2019-01-11
    有用
    回复 6
    查看更多(1)
登录 后发表内容