autoplay的swiper轮播图使用鼠标滑动一部分,松开后会卡住,找不到原因
移动端使用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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论