在頁面使用參考地址: 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中添加行高就不會出現切斷的現象了