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

  • 回答 (1)
  • 关注 (0)
  • 查看 (337)

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

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

汐雲風汐雲風提问于
迷迭香别给自己太大压力回答于
transform-origin

vue和动画啥的关系不大啊,看你的需求主要是一个监听滑动动作,然后调用方法进行旋转(或平移等),另外可以去了解一些H5最新的拖拽API,我也是新手,帮不上啥忙瞒不过还是建议自己多试试,多找资料。

扫码关注云+社区

领取腾讯云代金券