公告列表
公告列表
收藏
回答

小程序页面滚动问题（滚动过程中不执行页面渲染）

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug onPagescroll 客户端 6.7.3 2.2.5

- 当前 Bug 的表现（可附上截图）


当页面滚动到红色箭头指向的tab时，没有固定在顶部，直到滚动结束才会固定在顶部

- 预期表现

当页面滚动到红色箭头指向的tab时，直接固定在顶部

- 复现路径


- 提供一个最简复现 Demo


onPageScroll: function (e) { var that = this; this.timeoutId = setTimeout(function () { const query = wx.createSelectorQuery(); query.select('.goods').boundingClientRect(); if(that.data.isFixed){ query.exec(function (res) { if (res[0].top <= 100) { that.setData({ fixedBar: true, isFixed: false, }) } }); }else{ query.exec(function (res) { if (res[0].top >= 100) { that.setData({ fixedBar: false, isFixed: true, }) } }) } delete this.timeoutId; }.bind(this), 100); },
回答关注问题邀请回答
收藏

2 个回答

请 登录 后发表内容
相关问题
相关文档