|
我想要的效果是一页一页的切换,但是发现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;
}
|
|