Swiper中文论坛

标题: 非active slide display:none是不是滑不了 [打印本页]

作者: 阿涛思密达 时间: 2015-6-26 09:40
标题: 非active slide display:none是不是滑不了
我想要的效果是一页一页的切换,但是发现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;
}

作者: chen1110103 时间: 2015-6-26 13:50
试一下width或height选项

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