摘要: 上一篇文章中,我们介绍了如何实现轮播图的无缝滚动 这一篇文章将会介绍如何实现自动播放,以及如何将自动播放和手指滑动这两个事件进行隔离 自动播放 假设自动播放的顺序为:图片无限向左滚动 那么当我们发现 this.current 指向第二组最后一张图片时,也应该让它瞬间移动到第一组的最后一张图片 直接看 阅读全文
posted @ 2021-02-07 20:59 BAEBAE996 阅读(274) 评论(0) 推荐(0) 编辑
摘要: 需求分析 移动端触摸滑动:图片可以跟随手指滑动而滑动 底部小圆点:与轮播图联动的显示效果 无缝循环滚动:第一张图可以往前滑动、最后一张图也可以往后滑动 可以自动播放(下一篇文章介绍) 页面样式和布局 <SliderWrapper ref={this.wrap} width={this.props.i 阅读全文
posted @ 2021-02-07 20:55 BAEBAE996 阅读(530) 评论(0) 推荐(0) 编辑