收藏
回答

如何实现美团买菜小程序分类页上拉触底松开后加载?

美团买菜小程序分类页面,商品列表滑到底部然后上拉,然后手指松开底部回弹后才触发加载是怎么监听触底松开回弹的,如何实现的,有没有思路告知一下,十分感谢,如图

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

6 个回答

  • 秋乁冬
    秋乁冬
    05-20

    我实现方案是:利用swiper的弹性效果,仅设置一个swiper-item,并且设置垂直方向和不循环滚动。然后swiper-item内嵌入scroll-view(可滚动容器)。当scroll-view未到底部或顶部时滑动,是scroll-view内的滑动,当到达了底部或者顶部时继续向底部或者顶部滑动,此时是整个swiper-item的弹性滑动(因为只有一个item,并且是不循环,所以是弹性的),此时通过touchend监听swiper-item距离显示器顶部距离,设置超过多少触发跳转

    05-20
    有用
    回复 1
    • Van
      Van
      11-01
      我使用你这种方式在小程序上实现了  但是在App上面swiper在底部上拉 没有弹性效果 上拉这种加载下一分类无法实现  请问你有使用App端实现这种吗
      11-01
      回复
  • 无敌暴龙兽
    无敌暴龙兽
    04-27

    请问这个怎么实现呢?

    04-27
    有用
    回复
  • Jackson
    Jackson
    03-05

    你好,解决了吗


    03-05
    有用
    回复
  • zy
    zy
    2023-09-24

    又找到这个实现方法了么?如何操作的哈

    2023-09-24
    有用
    回复
  • 跨商通
    跨商通
    2023-03-08

    onPullDownRefresh

    2023-03-08
    有用
    回复
  • Jianbo
    Jianbo
    2023-03-08

    参考链接:https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html#onReachBottom

    2023-03-08
    有用
    回复
登录 后发表内容