当scroll-view允许下拉刷新的时候van-sticky吸顶失效

Pal-player commented 2 years ago

你好，请使用下面的链接创建 issue 以帮助我们更快的排查问题，不规范的 issue 会被关闭，感谢配合。

http://vant-contrib.gitee.io/vant-issue-generater?repo=VantWeapp

issue 的库：VantWeapp Issue 类型：bug Issue 标题：当scroll-view允许下拉刷新的时候van-sticky吸顶失效设备：小程序

当scroll-view移除refresher-enabled时是正常的，会吸顶。通过排查发现将offsetTop设置成event.detail.scrollTop。可以达到吸顶的效果，但是这个方式疯狂的setData。会造成页面卡顿。吸顶跳跃。效果不理想

<scroll-view refresher-enabled bind:scroll="onScroll" id="scroller" >

我是吸顶的标题

js onScroll(event){ wx.createSelectorQuery() .select('#scroller') .boundingClientRect((res) => { console.log("scroller",res,event.detail.scrollTop); this.setData({ scrollTop: event.detail.scrollTop, offsetTop: res.top, }); }) .exec(); },

johnsonwong666 commented 1 year ago

该issue 在vant-weapp2.0 解决

johnsonwong666 commented 1 year ago

补充一点。实测下来，scroll-view 里面开启下拉刷新里面的元素的postion会无效不管是fixed/还是sticky 这可能是官方的一个bug，社区也有讨论，如有这种场景尝试页面级别的下拉刷新。

guoyutao commented 3 months ago

refresher-enabled

2.0也没解决呀

youzan / vant-weapp

当scroll-view允许下拉刷新的时候van-sticky吸顶失效 #4922