小程序
小游戏
企业微信
微信支付
扫描小程序码分享
页面向下滑到某个区域后，使模块吸顶 怎么实现？ 使用onPageScroll 安卓端太卡 谁有更好的解决办法
7 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
position：sticky？
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
wx.createSelectorQuery().selectAll('')了解一下，可以用这个获取那个tab的类，滑动的时候判断离顶部的距离就可以了
请问楼主找到了合适的方案没？求分享😭
使用伪吸顶的效果还是可以的，就是在头部定义一个一样的菜单栏，隐藏，当判断条件为真时显示（加点动画），这个实现也不复杂，效果也不错，
this.createIntersectionObserver({
thresholds: [0,1]
}).relativeTo('.main-view').observe('.details-tabs-wrap', res=>{
this.setData({
detailsTabsPosition: res.boundingClientRect.top <= 0 ? 'fixed' : 'static'
})
Android端测试并不卡，是不是楼主用的测试机太老旧了？
我要实现的是这种
目前
用了onpagesrcoll 安卓卡
用了createIntersectionObserver也是一样
不能用scroll-view因为里面有图标
希望往下划的时候中间基本信息 专业排名 这里固定在顶部 安卓端太卡是个问题
节流啊，不一直监听应该还好的吧
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
position：sticky？
wx.createSelectorQuery().selectAll('')了解一下，可以用这个获取那个tab的类，滑动的时候判断离顶部的距离就可以了
请问楼主找到了合适的方案没？求分享😭
使用伪吸顶的效果还是可以的，就是在头部定义一个一样的菜单栏，隐藏，当判断条件为真时显示（加点动画），这个实现也不复杂，效果也不错，
this.createIntersectionObserver({
thresholds: [0,1]
}).relativeTo('.main-view').observe('.details-tabs-wrap', res=>{
this.setData({
detailsTabsPosition: res.boundingClientRect.top <= 0 ? 'fixed' : 'static'
})
})
Android端测试并不卡，是不是楼主用的测试机太老旧了？
我要实现的是这种
目前
用了onpagesrcoll 安卓卡
用了createIntersectionObserver也是一样
不能用scroll-view因为里面有图标
希望往下划的时候中间基本信息 专业排名 这里固定在顶部 安卓端太卡是个问题
节流啊，不一直监听应该还好的吧