| 導讀 | 在使用 iview 過程中，給 card 組件添加滾動條，剛開始使用 css 中的 overflow ，發現對於 iview 不是太好用，不管超沒超出範圍都會有一個滾動框。 |
後來在前端同事的幫助下，知道了這款名爲完美滾動條的插件，安裝和使用完美滾動條的最佳方法是使用 npm 。
$ npm install perfect-scrollbar
下面記錄一下再 iview 頁面組件中使用 perfect-scrollbar。首先引入實例及 css 樣式。
import PerfectScrollbar from 'perfect-scrollbar' import 'perfect-scrollbar/css/perfect-scrollbar.css'
然後在 mount 方法或自定義方法中創建一個新的實例（vue組件初始化時執行的鉤子函數）：
const Ps = new PerfectScrollbar('.demo-split-pane', {
wheelPropagation: false
})其中 .demo-split-pane 是你掛載的類名（我這裏是 card 組件的類名），然後後面是一個對象，有很多參數可以定義，可參考這篇文章。Linux就該這麼學
定義一下 css 樣式：
demo-split-pane{
position: relative;
height: 100%;
overflow: hidden;
}需要注意，你的父元素也需要 height 爲 100%。