公告列表
公告列表
收藏
回答

建议：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)
请 登录 后发表内容
相关问题
相关文档