左按钮的问题

左按钮的问题

(function(){

    var carousel=document.getElementById('carousel')

    var rightBtn=document.getElementById('right-btn')

    var leftBtn=document.getElementById('left-btn')

    var kelong=carousel.firstElementChild.cloneNode(true)

    carousel.appendChild(kelong)

    var index=0

    var lock=true;

    rightBtn.onclick=function(){

        if(!lockreturn

        lock=false;

        index++

        carousel.style.transition='transform 0.5s ease 0s'

        if(index>4){

            setTimeout(function(){

                carousel.style.transition='none'

                carousel.style.transform='none'

                index=0

            },500)

        }

        carousel.style.transform='translateX('+ -16.66*index +'%)'

        setTimeout(function(){

            lock=true;

        },500)

    }


    leftBtn.onclick=function(){

        if(!lockreturn;

        lock=false;

        if(index==0){

            carousel.style.transition='none'

            carousel.style.transform='translateX('+ -16.66*5 +'%)'

            setTimeout(function(){

                carousel.style.transition='transform 0.5s ease 0s'

                carousel.style.transform='translateX('+ -16.66*4 +'%)'

                index=4;

            },0)

        }else{

            index--

            carousel.style.transform='translateX('+ -16.66*index +'%)'

        }

        setTimeout(function(){

            lock=true;

        },500)

    }

})();

请老师看下,为什么点左按钮轮回4下会突然拉回到最后一张图??


正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,老师使用同学提供的js,放到源码中测试,没有出现同学所描述的问题,建议:可以把完整的代码粘贴上来(html,css,js都粘贴上来),老师帮助测试,祝学习愉快~

好帮手慕言 2020-12-12 14:25:27

同学你好,测试同学的代码,效果是没有问题的。老师没有很理解同学的疑问,建议配合图文详细描述一下问题,老师帮助解答,祝学习愉快~

  • 没法图文啊??,我的意思是有时候按左按钮会突然一下子反向回到最后一张图
    2020-12-12 14:37:04
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师