微信小程序实现防抖音上下滑动切换直播间

挚友阳光

已于 2022-06-08 12:04:14 修改

阅读量1.1k

点赞数

分类专栏：微信小程序前端技术 JavaScript 文章标签：微信小程序 javascript 小程序

于 2022-03-08 21:00:41 首次发布

本文链接：https://blog.csdn.net/qq_41366114/article/details/123363051

版权

本文详细介绍了如何在微信小程序中利用swiper组件的bindtransition事件监听位置变化，通过判断item的偏移值来实现类似抖音的上下滑动切换直播间的效果。当滑动距离等于全屏高度时，进行直播间切换操作。

摘要由CSDN通过智能技术生成


<swiper class="swiper" vertical="true" bindanimationfinish="bindanimationfinish"   bindtransition ="bindtransition" circular easing-function="easeInOutCubic">
    <swiper-item class="demo-text-1">
        <view class="box">
            <live-player class="live"></live-player>
            <view class="abs"></view>
        </view>
    </swiper-item>
    <swiper-item