查看: 1750|回复: 0
打印 上一主题 下一主题

Animate和可拖动滚动条冲突

[复制链接]

该用户从未签到

1

主题

1

帖子

3

积分

新手上路

Rank: 1

积分
3
跳转到指定楼层
楼主
发表于 2019-8-21 00:47:29 | 只看该作者 回帖奖励 |正序浏览 |阅读模式
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动画
                             }
                           },
                });

分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 分享分享 分享淘帖
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

GMT+8, 2024-11-24 00:24 , Processed in 0.055875 second(s), 28 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表