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

原创

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

· 1.3k 阅读

6 ·

版权

文章标签：

#微信小程序 #javascript #小程序

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

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


<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