基于vue.js无缝滚动效果

发布时间：2020-12-17 02:37:17 所属栏目：百科来源：网络整理

导读：一个简单的基于vue.js的无缝滚动 :feet:在线文档demo :ear_of_rice:小demo :blue_book: 安装 NPM npm install vue-seamless-scroll --save 使用 ES6 详情的demo页面 // 或者你可以自己设置全局注册的组件名默认注册的组件名是 vue-seamless-scrollVue.use(s

一个简单的基于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无缝滚动效果。编程之家 52php.cn 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!