xannn 发表于 2019-8-21 00:47:29

Animate和可拖动滚动条冲突

Animate为什么会和可拖动滚动条冲突啊,只要使用了动画,滚动条手动拖动的时候不起效果。但是图片切换滚动条会跟着动。

原封不动的代码
var mySwiper = new Swiper('.swiper-container', {
                       
                        loop: false, // 循环模式选项
                        effect: 'fade', //淡入
                        speed: 800, //切换动画速度
                       autoplay: false,
                        //滚动条
                        scrollbar: {
                                el: '.swiper-scrollbar',
                                draggable: true,
                                snapOnRelease: true,
                                dragSize: 100,
                        },
                        on:{
                             init: function(){
                             swiperAnimateCache(this); //隐藏动画元素
                             swiperAnimate(this); //初始化完成开始动画
                             },
                             slideChangeTransitionEnd: function(){
                             swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
                             }
                           },
                });

页: [1]
查看完整版本: Animate和可拖动滚动条冲突