輪播項一共有四個,屏幕可以出現(xiàn)三個,我在html中并排放置了兩份,用來實現(xiàn)無線輪播,可是當位置在起點時,點擊前移按鈕會出現(xiàn)跳躍過程,可我在chrome調試中一步步執(zhí)行并不會跳躍,這是怎么回事?js代碼如下pre.onclick=function(){ //pre為前移按鈕 if(index==0){ //index==0對應屏幕出現(xiàn)前三個項 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); //開啟定時器 }
輪播圖中出現(xiàn)的跳躍問題
蝴蝶不菲
2018-11-07 09:13:47