无缝轮播的思路
来源:5-8 首页.UI组件-UiSlider(3)
MK_進
2018-11-30 22:15:33
老师,能说一下在在源码的基础上实现无缝轮播的方法吗
1回答
好帮手慕星星
2018-12-02
源码中的轮播图没有使用无缝滚动来完成,如果同学想要实现这种方式,可以给你提供一个思路:
在原来html布局基础上再添加一个图片(是第一张图片):
当图片滚动到最后一张,也就是新添加的第一张图片时,使用定位将轮播图定位到第一张图片,改变index的值,继续向后滚动即可。
同学可以自己动手测试下,现在实现不了也没有关系,在第二个阶段中老师会讲解无缝滚动的:
同学可以继续往下学习哦。
祝学习愉快!
相似问题