淘宝移动端m.taobao.com主页中无缝轮播图
我看了下chrome开发者工具，淘宝的做法好像是不断地将第一个图片放到最后一个
ul 相对定位，li绝对定位，假设有3个li每个li里的图片是500px。
则设置li left:0px 100px 200px
ul translateX 0px -100px -200px
当ul移动到最后一个图片时，设置第一个li left:300px（即把第一个li移动到最后）
然后随着 ul translateX -300px 将原本的第二个图片现在的第一个图片 left:400px
然后在ul tranlateX -400px
请问淘宝的无缝轮播图的思路是这样的吗？？？请问代码实现具体的思路是什么？在移动端 用原生js写和Hammer.js手势库。
另外手指在淘宝轮播图往左慢慢滑动的时候，图片也会慢慢地往左移动，是用hammer.js的什么手势？？pan?还是swipe?
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
2
417
收藏
swiper 插件
直接用swiper插件啊，既没有错误，又简单。