无限轮播图技巧
实现无限滚动:
假设有五张图片需要轮播:1,2,3,4,5
在页面中,增加第一张图片的拷贝放至末尾,增加第五张的拷贝放至最开始:5⃣️,1,2,3,4,5,1⃣️
当页面滚动到1⃣️时,在滚动完成后,将left值设置到1的位置(此处没有动画,用户无法察觉);
同理,当页面滚动到5⃣️时,在滚动完成后,将left值设置到5的位置(此处也没有动画);
Comments
实现无限滚动:
假设有五张图片需要轮播:1,2,3,4,5
在页面中,增加第一张图片的拷贝放至末尾,增加第五张的拷贝放至最开始:5⃣️,1,2,3,4,5,1⃣️
当页面滚动到1⃣️时,在滚动完成后,将left值设置到1的位置(此处没有动画,用户无法察觉);
同理,当页面滚动到5⃣️时,在滚动完成后,将left值设置到5的位置(此处也没有动画);