最近因为需求需要写一个项目信息无缝向上滚动组件,在网上搜了一下,看到大家的一致好评就果断的使用了vue-seamless-scroll组件。下面就简单的介绍它的使用,具体详细的使用推荐大家去看下。
步骤如下:
1. 安装:npm install vue-seamless-scroll –save
2. global install 全局挂载
// **main.js**import Vue from 'vue'import scroll from 'vue-seamless-scroll'Vue.use(scroll)//or you can set componentName default componentName is vue-seamless-scrollVue.use(scroll,{componentName: 'scroll-seamless'})
3. 单文件 .vue import使用
HTML模板信息:脚本信息配置:滚动信息的容器样式高度和overflow 属性为必选项,样式配置信息如下: