vue的無縫滾動插件vue-seamless-scroll的安裝與使用

npm安裝地址 https://www.npmjs.com/package/vue-seamless-scroll

命令行執行:

npm install vue-seamless-scroll --save

然后在main.js文件里面引入使用：

import scroll from 'vue-seamless-scroll'
Vue.use(scroll)

在頁面使用參考地址： https://chenxuan1993.gitee.io/component-document/index_prod#/component/seamless-default

里面有詳細的參數及代碼案例：直接復制到項目里面即可顯示：

 

 遇到的問題：

 1. 復制案例的樣式：會出現滾動內容不銜接的情況

.seamless-warp {
    height: 229px;
    overflow: hidden;
}

 

2. 然后在上面的css中添加行高就不會出現切斷的現象了