首頁猿問在輪播圖用transition時出...

在輪播圖用transition時出現(xiàn)的問題

CSS3 JavaScript JQuery

我們 2016-08-23 12:40:40

/*為什么加了過渡offset值就會出現(xiàn)偏差？？？*//*transition: all 1s;*/我在做輪播圖的時候，給了輪播圖那個大盒子一個transition屬性，詭異的事情就來了，當它點擊了數(shù)次之后，數(shù)值就會出現(xiàn)偏差，比如，我原來每一張圖片的大小就600px，那點擊一次切換一張，向右點擊的時候，第一張是0，第二張自然就是600了，可是加了transition過渡之后，點擊第二張的時候，居然變成了594px，而且每次點擊不一定就是那一張出問題，改變的大小也不相同，請問這是什么原因？是transition自身所帶的bug嗎？

查看完整描述

4 回答

阿旭_

TA貢獻217條經(jīng)驗獲得超353個贊

沒代碼沒真相

1 反對回復(fù) 2016-08-23

我們
代碼我貼出來了，請幫忙看看，感激不盡~~~~~·

回復(fù) 2016-08-23

阿旭_

TA貢獻217條經(jīng)驗獲得超353個贊

我想的辦法就是不讓它可以點擊數(shù)次（同一個按鈕在一秒內(nèi)只能點擊一次，其它次失效）

你這個是自己寫的不是用的第三方的，我只能想到這個辦法了哈。要修改的代碼如下：

???????????var?rightTime?=?new?Date().getTime();//每個按鈕點擊的時間1秒內(nèi)不可再點擊
???????????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);
???????????};

反對回復(fù) 2016-08-23