我弹框是一个组件 监听是否显示（为true）
watch: {
visible(oldValue, newValue) {
if (oldValue == true) {
setTimeout(() => {
document.getElementById('wrap').addEventListener('scroll', this.scrollTop, true)
}, 2000)
}
},
},
在model内加 div 定义一个id=“wrap” 获取滚动条高度 this.scroll = document.getElementById('wrap').scrollTop
修改滚动条样式 默认的样式不好看
deep/#wrap {
&::-webkit-scrollbar {
//整体样式
height: 10px;
width: 6px;
}
&::-webkit-scrollbar-thumb {
//滑动滑块条样式
border-radius: 50px;
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
// background: #00aaff;
// background: #d6e9fa;
}
&::-webkit-scrollbar-track {
//轨道的样式
-webkit-box-shadow: 0;
border-radius: 0;
background: #f6f8ff;
}
}
