收藏
回答

如何禁止第一个swiper-item向右滑动和最后一个swiper-item向左滑动?

组件名称:视图容器swiper

基础库版本号:2.33.0

在视图容器swiper中多个swiper-item滑动时,我想禁止第一个swiper-item向右滑动,避免左边出现空白,应该让第一个swiper-item可以向左滑动进入第二个swiper,但不能让第一个swiper向右滑动,最好是让第一个swiper-item向右滑动跟橡皮筋一样拉伸,松手又弹回去,而不是向右移动左边露出空白。最后一个swiper-item则与第一个相反,禁止向左滑动。

第一个A左边空白

最后一个C右边空白

网上查过很多资料,其中resistanceRatio:0边缘抵抗力在微信小程序中没有。

这个问题2019-08-05年就有人提出来,只是当时那人把方向说反了。

https://developers.weixin.qq.com/community/develop/doc/00064c4c200268461109bd85b5b800

这个问题这么多年都没有解决?

别跟我说circular衔接循环滚动不会出现空白,我不要循环效果,我最想要的是橡皮筋拉伸效果。

看看拼夕夕,咸鱼,转转和得物等APP首页中的推荐滑动页面都是无法向右滑动的效果。

难道要放弃这个swiper组件,非要自己用javascript来写一个页面滑块?

难道要放弃这个swiper组件,非要自己用javascript来写一个页面滑块?

最后一次编辑于  2023-08-24
回答关注问题邀请回答
收藏

2 个回答

  • Koizora
    Koizora
    2023-12-28

    请问你找到解决办法了吗

    2023-12-28
    有用
    回复 1
    • Z。
      Z。
      08-06
      通过自定义事件catchtouchmove禁掉原本的事件应该可以吧,判断滑动方向
      08-06
      回复
  • 九歌^
    九歌^
    2023-08-23

    是滴。要想实现 现在只能自己写一个自定义的swiper组件。官方不支持。

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