課程
/前端開發(fā)
/JavaScript
/焦點(diǎn)圖輪播特效
用transistion的話無(wú)限滾動(dòng)好像失效了。。從最后一張滾到第一張是有倒退動(dòng)畫的。不知道怎么解決。求大神幫忙?。。?/p>
2018-01-27
源自:焦點(diǎn)圖輪播特效 6-1
正在回答
可以這樣:
?content.css({????????????????????'transition':'none',????????????????????????'transform':`translateX(-${initIndex*outerWidth}px)`,????????????????});
沒法解決,因?yàn)閠ransition就是按圖片的跳躍軌跡來(lái)動(dòng)的,有些圖片是跳躍的,它自然就要回滾到當(dāng)初的位置。還是用遞歸或定時(shí)器做吧
舉報(bào)
通過(guò)本教程學(xué)習(xí)您將能掌握非常實(shí)用的焦點(diǎn)圖輪播特效的制作過(guò)程
3 回答不能實(shí)現(xiàn)無(wú)線滾動(dòng)
2 回答無(wú)限滾動(dòng)實(shí)現(xiàn)不了
4 回答無(wú)限滾動(dòng)實(shí)現(xiàn)不了
1 回答急求!! 為什么我無(wú)法實(shí)現(xiàn)無(wú)線滾動(dòng)效果?
2 回答怎么實(shí)現(xiàn)預(yù)覽小圖的動(dòng)畫效果
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2020-06-28
可以這樣:
2018-03-09
沒法解決,因?yàn)閠ransition就是按圖片的跳躍軌跡來(lái)動(dòng)的,有些圖片是跳躍的,它自然就要回滾到當(dāng)初的位置。還是用遞歸或定時(shí)器做吧