收藏
回答

建议:swiper组件可以增加item划动位置的传入参数吗?

在页面swiper组件上方有遮罩层(如固定位置的文字等)时,可以跟踪手指在遮罩层的位置并传入swiper组件,从而实现透过遮罩层划动swiper-item。

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

2 个回答

  • 张彰 - 比链资本
    张彰 - 比链资本
    2023-02-03

    最好是允许在swiper里放置除swiper-item外的其它元素 (z-index:1),划动时只改变swiper-item的位置,不改变其它元素的位置。

    2023-02-03
    有用
    回复
  • showms
    showms
    2023-02-03

    没看太明白,你的意思是swiper上方有遮罩,然后无法滑动swiper-item吗?

    如果是这样可以给遮罩加一个css pointer-events: none,这样就可以了,不知道是不是你想要的

    2023-02-03
    有用
    回复 6
    • 张彰 - 比链资本
      张彰 - 比链资本
      2023-02-03
      你说的方法我知道。可是遮罩也需要跟踪鼠标事件,例如swiper是横向,其上方遮罩(固定位置不动)是scroll-view(需要纵向滚动和点击)。所以似乎只能用bindtouchstart和bindtouchend来判断遮罩的鼠标事件,再传参入swiper实现横向划动。
      2023-02-03
      回复
    • 张彰 - 比链资本
      张彰 - 比链资本
      2023-02-03
      上方遮罩(固定位置不动)即使是view也可能需要点击
      2023-02-03
      回复
    • 张彰 - 比链资本
      张彰 - 比链资本
      2023-02-03
      最好是允许在swiper里放置除swiper-item外的其它元素 (z-index:1),划动时只改变swiper-item的位置,不改变其它元素的位置。
      2023-02-03
      回复
    • showms
      showms
      2023-02-03回复张彰 - 比链资本
      有没有效果图发出来看下
      2023-02-03
      回复
    • 张彰 - 比链资本
      张彰 - 比链资本
      2023-02-03
      如图。底层是横向swiper(需要横向划动),上层是view或者纵向scroll-view(需要点击和纵向划动),上层已完全遮罩了底层。
      2023-02-03
      回复
    查看更多(1)
登录 后发表内容