在 vue 中实现列表自动滚动的效果并不复杂，可以借助 css3 来实现。
具体操作步骤如下：
wordpress主题：格子商铺主题
下载
这是易秀购主题网转载的一款原创来至web主题公园的一款wordpress cms主题，非常适合做图片展示，或婚纱摄影类wordpress主题，采用了大气的网格化无缝设计，使列表以格子铺的方式排列，鼠标悬停的可以出现文章的简介。网站上方可以书写自己的广告语，图片也是可以替换掉的，图片会随着鼠标的移动而轻移，并且在鼠标滚动的时候，下面的模块会直接遮盖这个区域，这款wordpress cms主题视觉效果
- 将数据扩充为原来的两倍。例如，原有数据包含 10 条记录，将其扩充为 20 条。这将确保在列表滚动到末尾时，数据仍然不会中断。
- 对列表应用 css3 样式，向上滚动 50%。这将创建出列表循环的错觉，因为当列表快到末尾时，前面的项会重新出现。
.infinite-scroll {
animation: infinite-scroll 10s infinite linear;
}
@keyframes infinite-scroll {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-50%);
}
100% {
transform: translateY(0);
}
}可以在我的博客中找到详细的实现方法，题为用 css3 实现无限循环的无缝滚动。
立即学习“前端免费学习笔记（深入）”；
