对于swiper中的animate的一些问题

weixin_38057949 2018-10-06 08:48:55
由于我的代码量有些大,这里我放一段测试代码: html: <div class="swiper-container swiper-container1"> <div class="swiper-wrapper"> <div class="swiper-slide"> <p class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">内容</p> </div> <div class="swiper-slide"> <p class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">内容</p> </div> <div class="swiper-slide"> <p class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s">内容</p> </div> <div> <div> js: var mySwiper = new Swiper ('.swiper-container', { onInit: function(swiper){ //Swiper2.x的初始化是onFirstInit swiperAnimateCache(swiper); //隐藏动画元素 swiperAnimate(swiper); //初始化完成开始动画 }, onSlideChangeEnd: function(swiper){ swiperAnimate(swiper); //每个slide切换结束时也运行当前slide动画 } }) 运行没有问题,但在每次滚动到当前屏时都会重来一遍动画,我想让它只有第一次滚动到当前屏时运行动画,之后除非刷新否则不再出现动画; 还有在最后的div下我想再写点东西,想使它出现滚动条并可以滚动; 参考网站见:www.guoshangholdings.com 它是使用fullpage插件,我想用swiper达到相同效果,但以上的问题无法解决,希望能有大神能来帮忙解决一下,我已经被困扰好几天了
...全文
64 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

476

社区成员

发帖
与我相关
我的任务
社区描述
其他技术讨论专区
其他 技术论坛(原bbs)
社区管理员
  • 其他技术讨论专区社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧