基于vue.js的无缝滚动效果

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

:feet:在线文档演示：ear_of_rice:小型演示： Blue _ Book :英语文档

装置

新公共管理理论

npm安装vue-无缝-滚动-保存

使用

ES6

详细示例演示页面-src/App.vue

//* * main . js * *从' vue '导入vue从' Vue-无缝-滚动' Vue .使用(滚动)模板Vue-无缝-滚动/Vue-无缝-滚动/模板//或者您可以自己设置全局注册的组件名称。默认注册的组件名为vue-无缝-scrollvue.use (scroll，{ component name : ' scroll-无缝' })模板scroll-无缝/scroll-无缝/template。常见的使用方法(介绍了脚本标签)

示例：

详见演示页面test/test.html

htmlhead./head body div id=' app ' vue-无缝-滚动/vue-无缝-滚动/div脚本src=' http : vue . js '/script script src=' http : vue-无缝-滚动'/script script new vue({ El : ' # app ' })/script/body/html配置项默认值

default option(){ return { step : 1，//值越大，滚动速度越快。//开始无缝滚动的数据量//这个。数据列表。长度悬停停止：真。//是否开启鼠标悬停停止方向： 1，//0下1上2左3右openWatch: true，//开启数据实时监控并刷新dom singleHeight: 0，//单步运动停止高度(默认值为无缝滚动)方向=0/1单步宽度： 0 0，//单步运动停止宽度(默认值为无缝滚动)方向=2/3 wait time 3360 1000//单步运动停止时间(默认值为

以上是边肖介绍的基于vue.js的无缝滚动效果。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！