无限轮播图技巧

实现无限滚动:

假设有五张图片需要轮播:1,2,3,4,5

在页面中,增加第一张图片的拷贝放至末尾,增加第五张的拷贝放至最开始:5⃣️,1,2,3,4,5,1⃣️

当页面滚动到1⃣️时,在滚动完成后,将left值设置到1的位置(此处没有动画,用户无法察觉);
同理,当页面滚动到5⃣️时,在滚动完成后,将left值设置到5的位置(此处也没有动画);

Comments
Write a Comment