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