在页面使用参考地址: https://chenxuan1993.gitee.io/component-document/index_prod#/component/seamless-default
命令行执行:
npm install vue-seamless-scroll --save
然后在main.js文件里面引入使用:
import scroll from 'vue-seamless-scroll' Vue.use(scroll)
遇到的问题:
1. 复制案例的样式:会出现滚动内容不衔接的情况
.seamless-warp {
height: 229px;
overflow: hidden;
}
2. 然后在上面的css中添加行高就不会出现切断的现象了