Swiper4js插件怎么禁止鼠标左右切换滑动?

原创 野人  2022-09-11 09:37  阅读 47 次

这段时间,给活动链接推广插件中增加了弹幕功能,里面就用到了Swiper4js插件了,默认是可以鼠标左右滑动就可以切换到下一个弹幕了,然而野人实际的需求是要禁止鼠标左右切换滑动。

那么在Swiper4js插件中怎么实现这个功能呢?具体代码如下:

<div class="swiper-container swiper-no-swiping">
    <div class="swiper-wrapper">
        <div class="swiper-slide">Slide 1</div>
        <div class="swiper-slide">Slide 2</div>
        <div class="swiper-slide">Slide 3</div>
    </div>
</div>

代码中最最最关键的是在swiper容器上加上swiper-no-swiping就可以禁止鼠标左右切换滑动了。

本文地址:https://www.yerenwz.com/6219.html
版权声明:本文为原创文章,版权归 野人 所有,欢迎分享本文,转载请保留出处!

发表评论