码迷,mamicode.com
首页 > 其他好文 > 详细

swiper 技巧

时间:2015-07-20 19:24:57      阅读:479      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!