Swiper中文论坛

标题: swiper使用scrollbar和嵌套swiper出现滚动到底部跳不出去 [打印本页]

作者: stringworld 时间: 2015-8-19 17:33
标题: swiper使用scrollbar和嵌套swiper出现滚动到底部跳不出去
      <div class="swiper-container swiper-container-h" id="main">
         <div class="swiper-wrapper">
            <div class="swiper-slide" id="page1">
                  
                  
                  <div class="kv"><img src="./images/kv.jpg" alt="kv" /></div>
                  <div class="text"><img src="./images/txt.png" alt="文字" /></div>
            </div>
            <div class="swiper-slide">
                  
                  <div class="swiper-container swiper-container-v" id="main2">
                     <div class="swiper-wrapper">
                        <div class="swiper-slide" id="page2">
                              <img src="./images/lang/1.png" alt="活动安排">
                              <img src="./images/lang/2.png" alt="活动安排">
                              <img src="./images/lang/3.png" alt="活动安排">
                              <img src="./images/lang/4.png" alt="活动安排">
                              <img src="./images/lang/5.png" alt="活动安排">
                              <img src="./images/lang/6.png" alt="活动安排">
                              <img src="./images/lang/7.png" alt="活动安排">
                              <img src="./images/lang/8.png" alt="活动安排">
                              <img src="./images/lang/9.png" alt="活动安排">
                              <img src="./images/lang/10.png" alt="活动安排">
                              <img src="./images/lang/11.png" alt="活动安排">
                              <img src="./images/lang/12.png" alt="活动安排">
                              <img src="./images/lang/13.png" alt="活动安排">
                              <img src="./images/lang/14.png" alt="活动安排">
                              <img src="./images/lang/15.png" alt="活动安排">
                              <img src="./images/lang/16.png" alt="活动安排">
                              <img src="./images/lang/17.png" alt="活动安排">
                              <img id="btn" src="./images/lang/18.png" alt="点亮星辉，你来接力！">
                              <img src="./images/lang/19.png" alt="活动安排" style="margin-bottom: 100px;">
                        </div>
                     </div>
                     
                     <div class="swiper-scrollbar" id="swiper-scrollbar"></div>
                  </div>
            </div>
            <div class="swiper-slide" id="page3">
                  <img src="./images/temp.png" alt="临时"/>
            </div>
         </div>
      </div>
         var mySwiper1 = new Swiper('.swiper-container-h', {
            pagination: '.swiper-pagination-h',
            direction:'vertical',
            paginationClickable: true,
            spaceBetween: 50
         });
         var mySwiper2 = new Swiper('.swiper-container-v', {
            pagination: '.swiper-pagination-v',
            scrollbar: '.swiper-scrollbar',
            paginationClickable: true,
            direction: 'vertical',
            spaceBetween: 50,
            slidesPerView: 'auto',
            mousewheelControl: true,
            freeMode: true
         });

如何才能在滚动到底部的时候，在向上滚动，滑动到下一页呢？现在的问题是滑动到底部之后，无法跳出到第三页

作者: 无道1999 时间: 2015-8-19 17:56
我也想知道，刚好我也遇到了

作者: 512897918 时间: 2015-9-3 08:37
貌似是3的bug

作者: 米启点 时间: 2015-9-3 12:10
每次就这么点人。

作者: ivan118 时间: 2016-4-6 13:28
我也碰上这问题了，坑爹的啊，这平台怎么这么没人气啊。

作者: hui 时间: 2017-1-19 16:19
我也是类似的问题

作者: faith 时间: 2017-3-14 14:13
请问问题解决了么，能否留下QQ一起讨论一下

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