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

监听swiper怎么监听判断到左边底部后的再次滑动啊 求指教 谢谢

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 需求 swiper 客户端 6.5.3 2.0.0

如题，监听swiper怎么监听判断到左边底部后的再次滑动啊 然后 我显示视频页面 （这个我怎么怎么操作，但是监听swiper左边底部后的再次滑动啊） 求指教 谢谢，实在想不出什么办法了





<!-- 视频图片 --> <view id="id" bindtouchstart="handletouchtart" bindtouchmove="handletouchmove"> <view class="xc-videos-picture"> <view wx:if="{{video==0}}"> <view wx:if="{{noon == 0}}"> <image class="xc-picturess" src="/images/bj.jpg" > <image id="{{index}}"class="xc-play" src="/images/pofang.png" bindtap="videoPlay"></image> </image> </view> <view wx:else> <video class="xc-videos" src="{{mapurl}}"id="{{index}}" wx:if="{{_index == index}}"> </video> </view> </view> <view wx:else> <swiper bindchange="swiperChange"class="xc-pictures swiperContainer " indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}"> <block wx:for="{{imgUrls}}"> <swiper-item> <image class="xc-pictures" src="{{item}}" /> </swiper-item> </block> </swiper> <view class="imageCount">{{current+1}}/{{imgUrls.length}}</view> </view> <!-- <view wx:if="{{conller==0}}"> --> <view class="xc-video-picture"> <view class="xc-video" data-vipi="0" bindtap="videopicture"> <view class=" {{videopicture==0 ? 'xc-video-button':'xc-video-buttons'}} {{videopicture==0 ? 'xc-sn':''}}"> 视频 </view> </view> <view class="xc-picture {{videopicture==1 ? 'xc-sn':''}}" data-vipi="1" bindtap="videopicture"> <view> 图片 </view> </view> <!-- </view> --> </view> </view> </view>
回答关注问题邀请回答
收藏

4 个回答

  • waterfall
    waterfall
    2019-07-12




    2019-07-12
    有用 1
    回复
  • 疯狂的小波
    疯狂的小波
    2022-09-07

    可以通过swiper的transition事件监听，判断滑动方向和距离。还可以实现释放时跳转这种效果。可以参考这个。

    2022-09-07
    有用
    回复
  • 97
    97
    2019-07-12

    就是判断索引值呗..


    用bindchange绑定个方法


    判断你当前滑动的swiper-item是第几个  然后做你的交互就行了

    2019-07-12
    有用
    回复 2
    • 97
      97
      2019-07-12
      比如说你三张图 第三张图向右滑出视频 这就需要你有四个swiper-item bindchange监听滑动到第四个的时候把它隐藏了 然后显示你的视频
      2019-07-12
      赞
      回复
    • 言午琅
      言午琅
      2019-07-12
      谢谢
      2019-07-12
      赞 1
      回复
  • 今天天气很好
    今天天气很好
    2019-07-12

    什么意思?你是说衔接滑动吗?circular?看看官方文档咯,有没有你要的https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html

    2019-07-12
    有用
    回复
请 登录 后发表内容
相关问题
相关文档