Swiper中文论坛

标题: 停止滚动无效没怎么办 [打印本页]

---

作者: llh9743    时间: 2020-7-10 15:09
标题: 停止滚动无效没怎么办
我的代码是这样的

1. <style>
   
2.   .swiper-container {
   
3.     width: 100%;
   
4.     height: 50%;
   
5.   }
   
6.   .swiper-slide {
   
7.     text-align: center;
   
8.     font-size: 18px;
   
9.     background: #fff;
   
10. 
    
11.     /* Center slide text vertically */
    
12.     display: -webkit-box;
    
13.     display: -ms-flexbox;
    
14.     display: -webkit-flex;
    
15.     display: flex;
    
16.     -webkit-box-pack: center;
    
17.     -ms-flex-pack: center;
    
18.     -webkit-justify-content: center;
    
19.     justify-content: center;
    
20.     -webkit-box-align: center;
    
21.     -ms-flex-align: center;
    
22.     -webkit-align-items: center;
    
23.     align-items: center;
    
24.   }
    
25.   .swiper-wrapper{
    
26.     transition-timing-function: linear !important;
    
27.   }
    
28. </style>
    
29. 
    
30. 
    
31. var mySwiper = new Swiper ('.swiper-container', {
    
32.           loop: true,
    
33.           slidesPerView: 4,
    
34.           speed: 15000,//匀速时间
    
35.           autoplay: {
    
36.             delay: 0,
    
37.             stopOnLastSlide: false,
    
38.             disableOnInteraction: false,
    
39.           }
    
40.         });
    
41.         $('.swiper_container').mouseenter(function () {
    
42.           mySwiper.autoplay.stop();
    
43.         });
    
44.         // 鼠标移出开始自动滚动
    
45.       
    
46. 
    
47. $('.swiper_container').mouseleave(function () {
    
48.           mySwiper.autoplay.start();
    
49.         })

复制代码

这样可以有跑马灯的效果，但是stop无效了，哪里出了问题呢？

---

作者: llh9743    时间: 2020-7-10 15:15

1.       改成这样也不行
   
2.   $('.swiper-wrapper').mouseenter(function () {
   
3.           mySwiper.autoplay.stop();
   
4.           console.log(mySwiper.animating)//true
   
5.         });
   
6.         // 鼠标移出开始自动滚动
   
7.         $('.swiper-wrapper').mouseleave(function () {
   
8.           mySwiper.autoplay.start();
   
9.         })

复制代码

---

欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)

Powered by Discuz! X3.2