2023年6月20日发(作者：)

elementui的隐藏组件el-scrollBar的使⽤tips: elementUI官⽹未暴露滚动条这个组件，但是是可以引⼊elementUi后直接使⽤的。//scrollBar⾥⾯可以放很多其他组件，切记⼀定要给其设置⼀个⾼度，可以给定⾼度，也可以从⽗组件继承100%,但必须设置，否则组件⽆效。根据需要设置滚动条，添加样式即可，vue⽂件中不⽣效则去全局的中设置.my_personal_scroll { .el-scrollbar__wrap{ overflow-x: hidden; }}//全局设置时，添加⾃⼰的⽂件中设置的类名，防⽌对全局的scrollBar样式进⾏覆盖常⽤属性：props: { native: Boolean, // 是否使⽤本地，设为true则不会启⽤element-ui⾃定义的滚动条 wrapStyle: {}, // 包裹层⾃定义样式 wrapClass: {}, // 包裹层⾃定义样式类 viewClass: {}, // 可滚动部分⾃定义样式类 viewStyle: {}, // 可滚动部分⾃定义样式 noresize: Boolean, // 如果 container 尺⼨不会发⽣变化，最好设置它可以优化性能 tag: { // ⽣成的标签类型，默认使⽤ `div`标签包裹 type: String, default: 'div' }}//个⼈觉得⾃定义样式通常使⽤在el-scrollbar中包裹的元素类型都为⼀种的情况下，所以按需决定是否设置wrap、view的style和class吧参考链接1 参考源码链接2使⽤ref获取scroll对象从⽽控制滚动⾼度this.$refs['scroll'].Top = 0 //想滚到哪个⾼度，就写多少具体使⽤可参考链接

2023年6月20日发(作者：)

elementui的隐藏组件el-scrollBar的使⽤tips: elementUI官⽹未暴露滚动条这个组件，但是是可以引⼊elementUi后直接使⽤的。//scrollBar⾥⾯可以放很多其他组件，切记⼀定要给其设置⼀个⾼度，可以给定⾼度，也可以从⽗组件继承100%,但必须设置，否则组件⽆效。根据需要设置滚动条，添加样式即可，vue⽂件中不⽣效则去全局的中设置.my_personal_scroll { .el-scrollbar__wrap{ overflow-x: hidden; }}//全局设置时，添加⾃⼰的⽂件中设置的类名，防⽌对全局的scrollBar样式进⾏覆盖常⽤属性：props: { native: Boolean, // 是否使⽤本地，设为true则不会启⽤element-ui⾃定义的滚动条 wrapStyle: {}, // 包裹层⾃定义样式 wrapClass: {}, // 包裹层⾃定义样式类 viewClass: {}, // 可滚动部分⾃定义样式类 viewStyle: {}, // 可滚动部分⾃定义样式 noresize: Boolean, // 如果 container 尺⼨不会发⽣变化，最好设置它可以优化性能 tag: { // ⽣成的标签类型，默认使⽤ `div`标签包裹 type: String, default: 'div' }}//个⼈觉得⾃定义样式通常使⽤在el-scrollbar中包裹的元素类型都为⼀种的情况下，所以按需决定是否设置wrap、view的style和class吧参考链接1 参考源码链接2使⽤ref获取scroll对象从⽽控制滚动⾼度this.$refs['scroll'].Top = 0 //想滚到哪个⾼度，就写多少具体使⽤可参考链接