查看: 7271|回复: 6
打印 上一主题 下一主题

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

[复制链接]
  • TA的每日心情

    2018-3-6 17:36
  • 签到天数: 1 天

    [LV.1]初来乍到

    1

    主题

    3

    帖子

    3

    积分

    新手上路

    Rank: 1

    积分
    3
    跳转到指定楼层
    楼主
    发表于 2015-8-19 17:33:29 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
            <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
                });


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

    分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
    收藏收藏 分享分享 分享淘帖
    回复

    使用道具 举报

    该用户从未签到

    0

    主题

    16

    帖子

    116

    积分

    注册会员

    Rank: 2

    积分
    116
    沙发
    发表于 2015-8-19 17:56:18 | 只看该作者
    我也想知道,刚好我也遇到了
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    0

    主题

    3

    帖子

    33

    积分

    新手上路

    Rank: 1

    积分
    33
    板凳
    发表于 2015-9-3 08:37:17 | 只看该作者
    貌似是3的bug
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    0

    主题

    10

    帖子

    30

    积分

    新手上路

    Rank: 1

    积分
    30
    地板
    发表于 2015-9-3 12:10:35 | 只看该作者
    每次就这么点人。
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    1

    主题

    7

    帖子

    22

    积分

    新手上路

    Rank: 1

    积分
    22
    5#
    发表于 2016-4-6 13:28:04 | 只看该作者
    我也碰上这问题了,坑爹的啊,这平台怎么这么没人气啊。
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    0

    主题

    3

    帖子

    6

    积分

    新手上路

    Rank: 1

    积分
    6
    6#
    发表于 2017-1-19 16:19:03 | 只看该作者
    我也是类似的问题
    回复 支持 反对

    使用道具 举报

  • TA的每日心情

    2017-4-21 17:50
  • 签到天数: 3 天

    [LV.2]偶尔看看I

    2

    主题

    13

    帖子

    60

    积分

    注册会员

    Rank: 2

    积分
    60
    7#
    发表于 2017-3-14 14:13:50 | 只看该作者
    请问问题解决了么,能否留下QQ一起讨论一下
    回复 支持 反对

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

    GMT+8, 2024-11-27 12:14 , Processed in 0.068661 second(s), 26 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表