简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
swiper循环和动画冲突
高洛峰
高洛峰 2016-11-10 10:24:39
0
1
963

使用swiper，给滑块子元素加了一个bounceRight的动画，loop设置成false,没有问题，但是想要的效果是循环滚动，loop设置成true时，像右滑动时，每次循环回来滚到第一个滑块，虽然动画还在，但是当滑动时候，加了动画的元素就消失了，向左边滑动时候，每次循环滚动到第三个滑块也是一样，动画在，开始滑动时，子元素就消失。

看谷歌控制台，子元素的css属性因为加了ani类，每次到首尾相接时候设置了动画的元素，一滑动就变成visibility：hidden，消失，烦死了，看官网也没有类似的demo，谁碰到过类似的问题，能帮忙解决一下？谢了谢了


高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师，...

全員に返信(1)
三叔
三叔2016-11-10 10:24:49 1棟

Swiper是在dom加载完毕后实例化的吗？如果在元素尚未全部加载完的时候进行实例化，设置了loop为true会使swiper-slide元素增加2个，那么你加载图片或是其他填充内容的时候就导致数据不足（为了实现循环swiper自己增加了两个dom来进行模拟无缝切换），出现空白。
建议在

いいねを押す +0
返信を追加
人気のトピック
詳細>
人気の記事
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！