vue实现文字无缝连续滚动

vue实现文字无缝滚动

  • 使用vue-seamless-scroll实现文字的无缝滚动

使用vue-seamless-scroll实现文字的无缝滚动

1.安装与使用
命令行执行:
npm install vue-seamless-scroll --save

2.在需要引用的vue页面引入
![Alt]
链接: link.
vue实现文字无缝连续滚动_第1张图片
3.引用
vue实现文字无缝连续滚动_第2张图片

4.如果滚动中有点击事件需要用到事件托管,否则第一屏未滚动完,第二屏点击无效,如第三步,点击事件是放在vue-seamless-scroll标签外的,完了需要什么事件在方法中调用即可
vue实现文字无缝连续滚动_第3张图片
我的这个比较特殊没能直接从event.target.id中拿到id,所以用了这样的方式来取到值,具体可以参考
https://blog.csdn.net/weixin_43254676/article/details/94025887来解决滚动中点击无效的问题

你可能感兴趣的:(vue问题)