autoplay的swiper轮播图使用鼠标滑动一部分,松开后会卡住,找不到原因

发布于 2022-09-07 22:19:24 字数 1087 浏览 34 评论 0

移动端使用swiper轮播图插件,设置的自动滚动,如图,使用鼠标滑动一部分时松开鼠标有时会卡住,正常情况应该是松开鼠标slide会自动滑动过去,现在找不到原因,swiper3版本和4版本都试过,但是还是会时不时出现这种情况,现在正常,刷新一下可能就有这个问题了

图片描述

<link href="https://cdn.bootcss.com/Swiper/3.4.2/css/swiper.min.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery.min.js"></script>
.home .banner {width: 100%;height: 225px;overflow: hidden;}
<div class="banner swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide">
            <img src="images/banner.png" alt="">
        </div>
        <div class="swiper-slide">
            <img src="images/home/banner_home.png" alt="">
        </div>
        
    </div>
</div>
<script src="https://cdn.bootcss.com/Swiper/3.4.2/js/swiper.jquery.min.js"></script>

var mySwiper = new Swiper('.swiper-container', {
    
    loop: true,
    autoplay:1500,
    autoplayDisableOnInteraction:false,
    loop:true
})

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文