在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ 求前輩指點,我非要搞定transition3d做輪播圖?。?/span>

求前輩指點,我非要搞定transition3d做輪播圖??!

前輩,請看看我這個
用transform3d寫的輪播圖效果練習

用css3的transform3d寫的輪播圖效果,邏輯不知道哪里出錯,自動播放,點擊圓點切換圖片都沒什么問題,就是點擊右邊的按鈕,切換下一張,如果快速切換的,前輩可以點點看,就出錯了,輪播圖整個都切走了,變白了。。。。

困擾已久,望前輩指教!

這個是碼云那個練習的地址練習地址

請問有前輩有用transform實現(xiàn)輪播圖的demo嗎??望借鑒,只要有兩邊按鈕切換功能就可以了,我就想看看前輩的demo快速切換的時候會不會亂。。。

回答
編輯回答
執(zhí)念

我看了一下,因為你用的是:"transform": "translate3d("+(-1200*index)+"px,0,0)"這個來控制展示圖片的位置的,但是我用F12查看,你的代碼會出現(xiàn):transition: all 1s ease; transform: translate3d(-48000px, 0px, 0px); 48000甚至更多,,所以說,應(yīng)該是你的index到了4沒有清0到1.
你看下我圖中標記的2處,我覺得換成>=比==好,這樣越界就直接變了。。

clipboard.png

至于出現(xiàn)你這種越界不變的情況,我個人認為是程序運行是需要時間的,,所以本來index=4應(yīng)該要變成1,但是上面定時又運行,導致index++變成了4,所以再也變不回去,所以出問題了。

2018年6月30日 06:00