亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

在輪播圖用transition時出現的問題

在輪播圖用transition時出現的問題

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

4 回答

?
阿旭_

TA貢獻217條經驗 獲得超353個贊

沒代碼沒真相

查看完整回答
1 反對 回復 2016-08-23
  • 我們
    我們
    代碼我貼出來了,請幫忙看看,感激不盡~~~~~·
?
阿旭_

TA貢獻217條經驗 獲得超353個贊

我想的辦法就是不讓它可以點擊數次(同一個按鈕在一秒內只能點擊一次,其它次失效)

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

???????????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);
???????????};


查看完整回答
反對 回復 2016-08-23
  • 我們
    我們
    謝謝你。不過還是不行,也是出現了偏差呢。。
?
echo_kinchao

TA貢獻600條經驗 獲得超86個贊

說明超過瀏覽器運算范圍了嘛

查看完整回答
反對 回復 2016-08-23
  • 我們
    我們
    所以要怎么解決呢。。。。。
  • 4 回答
  • 0 關注
  • 2627 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號