stringworld 发表于 2015-8-19 17:33:29

swiper使用scrollbar和嵌套swiper出现滚动到底部跳不出去

      <div class="swiper-container swiper-container-h" id="main">
            <div class="swiper-wrapper">
                <div class="swiper-slide" id="page1">
                  <!--<div class="logo"><img src="./images/logo.png" alt="logo" /></div>-->
                  <!--<div class="arrows pointing"><img src="./images/arrows.png" alt="提示箭头" /></div>-->
                  <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">
                  <!--嵌套的swiper-->
                  <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:18

我也想知道，刚好我也遇到了:'(

512897918 发表于 2015-9-3 08:37:17

貌似是3的bug

米启点 发表于 2015-9-3 12:10:35

每次就这么点人。

ivan118 发表于 2016-4-6 13:28:04

我也碰上这问题了，坑爹的啊，这平台怎么这么没人气啊。

hui 发表于 2017-1-19 16:19:03

我也是类似的问题

faith 发表于 2017-3-14 14:13:50

请问问题解决了么，能否留下QQ一起讨论一下
页: [1]
查看完整版本: swiper使用scrollbar和嵌套swiper出现滚动到底部跳不出去