看到element-ui官網頁面上明明有漂亮的滾動條，卻在文件中找不到這個外掛，可是好想用啊，終於，看到了一個貼講這個的，受到啟發，我精簡了下樣式，用法如下：

<div class="zy-main">

        <el-scrollbar>
          <!--以下是要滾動的內容-->
          <div class="zy-main__box">
            <transition name="move" mode="out-in">
              <router-view></router-view>
            </transition>
          </div>
        </el-scrollbar>

      </div>
 

.zy-main {
  height: 100%;
  overflow: hidden;
}
.el-scrollbar{
  height: 100%;
}
.el-scrollbar__wrap{
  overflow: scroll;
  overflow-x:auto
}

搞定，妥妥的！

注意：.el-scrollbar__wrap這個class的樣式一定要特指定你想要改變的滾動條，避免影響到el-dropdown等其他元件中有滾動條的樣式。

參考：https://www.cnblogs.com/xuejiangjun/p/8628158.html

——佩服參考作者，向你學習