为了账号安全,请及时绑定邮箱和手机立即绑定

轮播图滚动顺序的出现的问题?

轮播图滚动顺序的出现的问题?

茅侃侃 2018-09-14 10:09:05
因为项目中需要一个旋转木马式的轮播,所以网上找了一个插件,本来挺符合项目需求的,但是不知怎么的滚动时有时会出现顺序问题,demo代码在这:http://jsbin.com/gafodanava/e...效果在这http://output.jsbin.com/gafod...当点击下一个时,有时会顺时针式的跳转,但有时又会交错式的跳转看了一下代码,其中 carouselRotate: function(dir) {            ...                    self.animate({    //xxx                        width: width,                        height: height,                        //zIndex:zIndex,                        opacity: opacity,                        left: left,                        top: top                    },                    _this_.setting.speed,                    function() {                        _this_.rotateFlag = true;                    });                });发现是用animate方法控制移动的,但不知发生跳转问题的原因是什么?
查看完整描述

1 回答

?
摇曳的蔷薇

TA贡献1793条经验 获得超6个赞

看了一下,顺序是对的,之所以会出现交错跳转,是因为z-index没有控制好,让人产生错觉。 
再看看你贴的代码,应该是 被注释掉的zIndex:zIndex的问题。

查看完整回答
反对 回复 2018-10-30
  • 1 回答
  • 0 关注
  • 1119 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号