移動端上輪播圖無縫滾動原理


移動端上輪播圖無縫滾動原理

 

和pc上的不同點是,在移動端,用戶按下一張圖我們不知道用戶會往哪里划,往左往右都有可能

 

 

假設兩組完全一樣的圖,每組三個

 

 

第一張圖和張圖有被拖出去風險

解決辦法,當手指按到第一張圖的時候,立馬把它變成第四張圖,

當手指按到第六張圖的時候,立馬把它變成第三張圖

這樣就不會有被拖出去的風向

 

 

再說一下querySelectorAll()選擇器的問題

當下面的東西改了,這個選擇器不會重新計算,多少個還是多少個

所以要用querySelectorAll一定是當整個dom都修改完了才用這個選擇器

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM