varletjs/varlet-vue2

var-pull-refresh 与 var-list混合使用滚动条在任意位置下拉都会触发刷新

linnxx opened this issue · 3 comments

linnxx commented

Bug report 🐞

var-pull-refresh 与 var-list混合使用滚动条在任意位置下拉都会触发刷新。我看了源码，必须是pull-refresh的外部scroller的scrollTop==0时才会触发刷新，获取scroller的条件就是上级节点的overflow为auto或者 scroll。这两个条件我看都满足，我也测试打印了 page-list节点的scrollTop值是不为0。

感谢各位指导下~

css:

.page-list {
    height: calc(100% - 40px);
    overflow: auto;
}

html:

<div class="page-list" >
        <var-pull-refresh ref="puller" v-model="isRefresh" @refresh="refresh">
            <var-list :finished="finished" @load="load"></var-list>
       </var-pull-refresh>
</div>

Version & Environment

微信浏览器

Expectation

当回到顶部时才触发下拉刷新

Actual results (or Errors)

在列表底部，向下滑动距离较大时（下拉刷新的触发距离）就触发了刷新

BeADre commented

很抱歉这么久才回复 接下来我会去调查一下

BeADre commented
1650279626774523.mp4

我不能复现你的问题

linnxx commented