无限滚动的原理很简单，我之前写过一篇ie水平滚动的文章，在元素后面复制相同元素块即可实现一个方向无限滚动，既然这样我们就可以在左右两个方向都加上相同元素左右无限轮播。 但是这里有个问题，页面上重复的元素过多。这里对于占据整个屏幕的轮播来说就可以省去中间元素，只复制尾部元素到头部、头部元素到尾部即可。如下：

假如原始数据为[1,2,3,4,5]通过上面的方法我们就得到了[5,1,2,3,4,5,1]的数据。规则如下：

• 原始数据至少两个元素
• 默认显示idx=1元素
• 向左也就是idx++时，当达到最后元素idx=len-1时，切换idx=1
• 向右也就是idx--时，当达到最开始元素idx=0时，切换idx=len-2

现在有很多vue插件可以实现上述功能，但原理都是一样的这里就不再展示代码。如果是使用uni-app开发也可以使用swiper组件，他已经将滑块进行深层次的封装。