收藏
回答

通过相交 wx.createIntersectionObserver() 来判断

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

通过相交来判断是否在可视区域内,页面滚动,苹果系统小程序不能时时监听变化,安卓的可以时时监听res返回的值,苹果的需要再滚动完停止了,才会返回res值

wx.createIntersectionObserver().relativeToViewport({ bottom: 100 }).observe('.select-area', (res) => {

if (res.intersectionRect.bottom==0) {

this.setData({

isfloat:true

})

}

else {

this.setData({

isfloat: false

})

}

console.log(res)

})


回答关注问题邀请回答
收藏

6 个回答

  • !iN
    !iN
    2021-12-01

    ios scroll 有个滚动惯性,滚动停止后才会触发回调,之前做scroll滚动监听的时候遇到过这问题,算是官方的一个坑

    2021-12-01
    有用
    回复
  • lenox
    lenox
    2020-12-02

    请问这个问题解决了吗?都要2021年了

    2020-12-02
    有用
    回复
  • yf
    yf
    2019-12-03

    你好,请问这个问题解决了吗

    2019-12-03
    有用
    回复
  • sheng
    sheng
    2019-01-29

    这问题还没解决?

    2019-01-29
    有用
    回复
  • 海纶
    海纶
    2018-10-23

    onLoad: function (options) {

        wx.createIntersectionObserver().relativeToViewport({ bottom: 100 }).observe('.select-area', (res) => {

        console.log(res)

        })

    }

    在ios里面,滚动监听会延时,每次都是滚动完停止了页面不动了,才会打印console.log(res)

    2018-10-23
    有用
    回复
  • 是小白啊
    是小白啊
    2018-10-22

    提供一下出现问题的机型和微信版本,以及能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    2018-10-22
    有用
    回复
登录 后发表内容