element-ui Drawer 抽屜 滾動條解決

官網沒有提供有滾動條解決方法，我愛你大爺的 網上一搜 你mmp   一群無腦的搬抄

 

效果圖

解決方法
overflow 屬性

原理很簡單 把溢出的部分因滾動條的方式去呈現出來，x 跟 y 軸的滾動，只要y軸顯示就行

設置滾動條樣式，以及背景顏色

.overflowAuto {
    overflow-y: auto;
    position: absolute;
    width: 100%;
    height: 100%;
}
.overflowAuto::-webkit-scrollbar {
    height: 6px;
    width: 6px;
}
.overflowAuto::-webkit-scrollbar-thumb {
    background: rgb(224, 214, 235);
}

倒騰了許久 overflowAuto height: 100%; 寬度一定要關於，不然什么都沒有顯示或者只是顯示個滾動殼