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

轮播图中出现的跳跃问题

轮播图中出现的跳跃问题

蝴蝶不菲 2018-11-07 09:13:47
轮播项一共有四个,屏幕可以出现三个,我在html中并排放置了两份,用来实现无线轮播,可是当位置在起点时,点击前移按钮会出现跳跃过程,可我在chrome调试中一步步执行并不会跳跃,这是怎么回事?js代码如下pre.onclick=function(){              //pre为前移按钮        if(index==0){                 //index==0对应屏幕出现前三个项            index=4;            oUl.style.transition='none';           //将css中的transition消除            oUl.style.transform='translateX('+(-425)*index+'px)';   //移动到index==4        }        index--;        clearInterval(timer);        //清除定时器        oUl.style.transition='all 1s';    //设置过渡        oUl.style.transform='translateX('+(-425)*index+'px)';   //移动到index==3        timer=setInterval(move,2000);     //开启定时器    }
查看完整描述

1 回答

?
繁华开满天机

TA贡献1816条经验 获得超4个赞

初始不是为0嘛,你点击以后,不就跳到4了嘛

oUl.style.transform='translateX('+(-425)*index+'px)';


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

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信