亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

移動端無縫輪播圖,不添加額外

移動端無縫輪播圖,不添加額外

HUWWW 2018-09-06 13:15:55
淘寶移動端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?
查看完整描述

1 回答

?
holdtom

TA貢獻1805條經驗 獲得超10個贊

直接用swiper插件啊,既沒有錯誤,又簡單。


查看完整回答
反對 回復 2018-10-08
  • 1 回答
  • 0 關注
  • 699 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號