基于vue.js无缝滚动效果

前端之家收集整理的这篇文章主要介绍了基于vue.js无缝滚动效果前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

一个简单的基于vue.js的无缝滚动

:feet:在线文档demo :ear_of_rice:小demo :blue_book:

安装

NPM

npm install vue-seamless-scroll --save

使用

ES6

详情的demo页面

// 或者你可以自己设置全局注册的组件名 默认注册的组件名是 vue-seamless-scroll Vue.use(scroll,{componentName: 'scroll-seamless'})

普通的使用方法 (script标签引入)

Example:

详情的demo页面

...

配置项默认值

0/1 singleWidth: 0,//单步运动停止的宽度(默认值0是无缝不停止的滚动) direction => 2/3 waitTime: 1000 //单步运动停止的时间(默认值1000ms) } }

总结

以上所述是小编给大家介绍的基于vue.js无缝滚动效果。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

原文链接:https://www.f2er.com/vue/34025.html

猜你在找的Vue相关文章