Vue 实现无缝滚动

42892-gyog4anc6bk.png

两种方式实现,一种为可以暂停的,一种为不可暂停的。

不可暂停

不可暂停的直接利用 vue 自带的 transition 和元素的显隐来实现

注意

  • 低版本的 css 动画要根据 vue 的版本来调整,如下案例中 css 代码为 vue 2.5.2中的写法

不可暂停无缝滚动

以此类推,左右切换,上下切换都可以用这种方式实现。

可暂停

上面的方式没法暂停,下面一种是可以暂停的。

可暂停无缝滚动

版权属于:

Ginkgo

本文链接:

https://imao2.com/article/32.html(转载时请注明本文出处及文章链接)

Ginkgo

一个今天胜过两个明天。

31 文章
0 评论
5 分类

标签云