查看: 2674|回复: 1
打印 上一主题 下一主题

非active slide display:none是不是滑不了

[复制链接]

该用户从未签到

1

主题

1

帖子

5

积分

新手上路

Rank: 1

积分
5
跳转到指定楼层
楼主
发表于 2015-6-26 09:40:55 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
我想要的效果是一页一页的切换,但是发现slide display:none的时候不能滑动,有没有解决的办法.hide{
    display: none;
}var mySwiper = new Swiper('.swiper-container-1',{
            direction : 'vertical',
            onInit:function(swiper) {
                var index = swiper.activeIndex;
                var obj = $(".swiper-container-1").children().children(".swiper-slide");
//                obj.not(".swiper-slide-visible").find(".element").addClass('hide');
//                obj.eq(index).find(".element").removeClass("hide");
                obj.not(".swiper-slide-visible").addClass('hide');
                obj.eq(index).removeClass("hide");
            },
            onSlideChangeEnd:function(swiper) {
                var index = swiper.activeIndex;
                var obj = $(".swiper-container-1").children().children(".swiper-slide");
//                obj.eq(index).siblings().find(".element").addClass('hide');
//                obj.eq(index).find(".element").removeClass("hide");
                obj.eq(index).siblings().addClass('hide');
                obj.eq(index).removeClass("hide");
            }
        });
.swiper-container {
    width: 100%;
    overflow-y: auto;
}



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

使用道具 举报

  • TA的每日心情

    2017-12-27 10:36
  • 签到天数: 2 天

    [LV.1]初来乍到

    1万

    主题

    1万

    帖子

    7万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    76581
    沙发
    发表于 2015-6-26 13:50:51 | 只看该作者
    试一下width或height选项
    回复 支持 反对

    使用道具 举报

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

    本版积分规则

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

    GMT+8, 2024-11-25 00:18 , Processed in 0.089575 second(s), 26 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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