淘寶移動端m.taobao.com主頁中無縫輪播圖我看了下chrome開發者工具,淘寶的做法好像是不斷地將第一個圖片放到最后一個ul 相對定位,li絕對定位,假設有3個li每個li里的圖片是500px。則設置li left:0px 100px 200pxul translateX 0px -100px -200px當ul移動到最后一個圖片時,設置第一個li left:300px(即把第一個li移動到最后)然后隨著 ul translateX -300px 將原本的第二個圖片現在的第一個圖片 left:400px然后在ul tranlateX -400px請問淘寶的無縫輪播圖的思路是這樣的嗎???請問代碼實現具體的思路是什么?在移動端 用原生js寫和Hammer.js手勢庫。另外手指在淘寶輪播圖往左慢慢滑動的時候,圖片也會慢慢地往左移動,是用hammer.js的什么手勢??pan?還是swipe?
移動端無縫輪播圖,不添加額外
HUWWW
2018-09-06 13:15:55