在轮播图用transition时出现的问题

Question

/*为什么加了过渡offset值就会出现偏差？？？*/
/*transition: all 1s;*/

我在做轮播图的时候，给了轮播图那个大盒子一个transition属性，诡异的事情就来了，当它点击了数次之后，数值就会出现偏差，比如，我原来每一张图片的大小就600px，那点击一次切换一张，向右点击的时候，第一张是0，第二张自然就是600了，

可是加了transition过渡之后，点击第二张的时候，居然变成了594px，而且每次点击不一定就是那一张出问题，改变的大小也不相同，请问这是什么原因？是transition自身所带的bug吗？

Answer 1

没代码没真相

Answer 2

我想的办法就是不让它可以点击数次（同一个按钮在一秒内只能点击一次，其它次失效）你这个是自己写的不是用的第三方的，我只能想到这个办法了哈。要修改的代码如下：           var rightTime = new Date().getTime();//每个按钮点击的时间1秒内不可再点击            var leftTime = new Date().getTime();            oNext.onclick = function () {                if(new Date().getTime() - rightTime < 1000){                    return;                }                rightTime = new Date().getTime();                index = (index == 5 ? 1 : ++index);                animate(-600);            };            oPrev.onclick = function () {                if(new Date().getTime() - leftTime < 1000){                    return;                }                leftTime = new Date().getTime();                index = (index == 1 ? 5 : --index);                animate(600);            };

Answer 3

说明超过浏览器运算范围了嘛