收藏
回答

关于下拉刷新的一点问题

下图是我做的一个列表


这个页面是用view布局的,没有用scroll-view。

然后呢,这个列表是可以上下滑动的。

在往下滑动一点之后,再往上滑动的时候,出现一个奇怪的问题。


我的手指从上往下移动,因为我要把列表往上滑,想看列表上方的东西。可是这时候触发了下拉刷新。

经过我多次测试。在我手指从上往下滑动的时候,如果我滑的比较慢,一点一点的滑,就不会触发下拉刷新,可是如果我滑动的比较快。

那么会在列表还没有滑动到顶部的时候就触发下拉刷新。

我参考了其他页面,发现只要用到下拉刷新的地方都有这个问题。

请问这种问题。怎么解决。

回答关注问题邀请回答
收藏

8 个回答

  • 睡前原谅一切
    睡前原谅一切
    2017-12-12

    😂

    2017-12-12
    有用
    回复
  • huhu583
    huhu583
    2017-12-12

    对啊。我都要崩溃了。这两个完全不着边的问题。就这么巧妙的关联到一起了。

    2017-12-12
    有用
    回复
  • 睡前原谅一切
    睡前原谅一切
    2017-12-12

    0 0你们这个交互没谁了。

    2017-12-12
    有用
    回复
  • huhu583
    huhu583
    2017-12-12

    是的,这个问题说起来复杂,这个公告功能有一个左滑出删除按钮的效果。我在左滑的时候,不想让列表进行竖直方向上的滑动。所以设置了height,通过动态的设置overflow:{{isScroll?"hidden":"auto"}}这样来使得在左滑的时候,竖直方向上无法进行滑动。

    如果不设置height,就没办法控制这里了。

    设置了height,下拉刷新又有问题。。

    2017-12-12
    有用
    回复
  • 睡前原谅一切
    睡前原谅一切
    2017-12-12

    为什么要设置height 是你们的应用场景吗?还是有其他降级方案实现这个效果?

    2017-12-12
    有用
    回复
  • huhu583
    huhu583
    2017-12-12

    如果不设置height,让这个view自增长的话,确实不会有这个问题。

    2017-12-12
    有用
    回复
  • huhu583
    huhu583
    2017-12-12

    请问您是如何测试的?我测试绝对是有的。

    在一个页面添加如下代码

    <view class='main-view' style='height:500px;overflow:auto;'>

    这里添加一大段足够长的文字,以便于看到滚动效果

    </view>


    然后在json文件中设置

    "enablePullDownRefresh": "true"


    滚动后发现的效果就是我说的那样。

    2017-12-12
    有用
    回复
  • 睡前原谅一切
    睡前原谅一切
    2017-12-12

    测试 并没有出现

    2017-12-12
    有用
    回复
登录 后发表内容