Rumah  >  Soal Jawab  >  teks badan

javascript - Masalah lompat dalam carta karusel

Terdapat empat item karusel secara keseluruhan, dan tiga boleh muncul pada skrin Saya meletakkan dua salinan bersebelahan dalam html untuk melaksanakan karusel tanpa wayar Namun, apabila kedudukan berada di titik permulaan, mengklik butang hadapan akan menyebabkan a proses lompat, tetapi saya Melaksanakan langkah demi langkah dalam penyahpepijatan krom tidak melompat. Kod js adalah seperti berikut

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);     //开启定时器
    }
怪我咯怪我咯2685 hari yang lalu381

membalas semua(1)saya akan balas

  • 巴扎黑

    巴扎黑2017-05-19 10:36:28

    Bukankah pada mulanya 0? Selepas anda mengklik, ia akan melonjak kepada 4

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

    balas
    0
  • Batalbalas