问如何在vue.js中编写循环滑动的动画？

当向上或向下滑动左侧或右侧的图片时，图片会按照滑动方向滑动固定像素，如果点击该图片，该图片会直接动画滑动到最中间位置，且如图片列表全部滑动完，且图片效果为循环滑动，图片列表全部滑完时，最后一个图片会变成第一张图片，在不依赖插件下完成，求大神指路，

现在我的思路是每向上滑动或者向下滑动时，向该方向transistion，中间是一个标志位，但这里有一个拐弯的地方，不能重复的移动，该怎么解决这个拐弯的问题