小程序吸顶怎么实现？求指点
发布于 6 年前 作者 guiying17 8437 次浏览 来自 问答

页面向下滑到某个区域后，使模块吸顶 怎么实现？ 使用onPageScroll 安卓端太卡 谁有更好的解决办法

7 回复

wx.createSelectorQuery().selectAll(’’)了解一下，可以用这个获取那个tab的类，滑动的时候判断离顶部的距离就可以了

我要实现的是这种

目前

用了onpagesrcoll 安卓卡

用了createIntersectionObserver也是一样

不能用scroll-view因为里面有图标

希望往下划的时候中间基本信息 专业排名 这里固定在顶部  安卓端太卡是个问题

this.createIntersectionObserver({

    thresholds: [0,1]

}).relativeTo(’.main-view’).observe(’.details-tabs-wrap’, res=>{

    this.setData({

        detailsTabsPosition: res.boundingClientRect.top <= 0 ? ‘fixed’ : ‘static’

    })

})

Android端测试并不卡，是不是楼主用的测试机太老旧了？

position：sticky？

请问楼主找到了合适的方案没？求分享😭

使用伪吸顶的效果还是可以的，就是在头部定义一个一样的菜单栏，隐藏，当判断条件为真时显示（加点动画），这个实现也不复杂，效果也不错，

节流啊，不一直监听应该还好的吧

回到顶部