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%; 宽度一定要关于，不然什么都没有显示或者只是显示个滚动壳