我想做一个类似跑马灯的抽奖,目前已经实现了图片轮播部分,代码如下:
开始
#swiper{position:relative;width:750px;height:176px;overflow:hidden;.imgBox{position:absolute;left:0;top:0;display:flex;.imgDiv{width:100%;margin-left:15px;}}}但是我没有理清楚一个逻辑,由于现在是图片轮播,也就是说当第一组图片播完,图片列表重新回归到其实也就是0的位置,以达到视觉上的无缝轮播当我点击“开始”,如何才能使图片滚动到一个指定图片的位置呢?比如,我点击“开始”,从图片列表中随机到了2下标...然后开始滚动数圈,最后下标为2的图停止在了滚动可视区左侧。还望指点迷津,谢谢!
相关分类