首页 > 其他 > 详细

swiper 技巧

时间:2015-07-20 19:22:24      阅读:198      评论:0      收藏:0      [点我收藏+]

全屏广告高度 ,加上属性。

html, body { position: relative; height: 100%; }

 

停止自行播放

 mySwiper.stopAutoplay();

 

锁住状态,不让滚动

mySwiper.lockSwipes();

 

锁住往右滚动

mySwiper.lockSwipeToNext();

 

锁定往左滚动

mySwiper.lockSwipeToPrev();

 

恢复一般状态

mySwiper.unlockSwipes();

<script language="javascript"> 
var mySwiper = new Swiper(.swiper-container,{
autoplay : 1000,
})
$(#btn1).click(function(){
$("#showhtml").html(锁住状态);
mySwiper.lockSwipes();
})
$(#btn2).click(function(){
$("#showhtml").html(一般状态);
mySwiper.unlockSwipes();
})
</script>

 

swiper 技巧

原文:http://www.cnblogs.com/wesky/p/4662069.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!