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

el-scrollbar使⽤以及滚动到指定的位置浏览器默认的滚动条不太美观⽽且在ie下不能调整样式，在element-ui中有个隐藏的组件，在官⽹上是没有对应的api的，那就是，这个组件的滚动条⽐原⽣的还是好看些的。开始使⽤ // 包裹你的内容这个组件还有⼀个属性值可以传递，可以⽤来修改样式加⼀些class的类名，但是⼀般情况下不会⽤的太多。props: { native: Boolean, wrapStyle: {}, // 外层盒⼦的样式 wrapClass: {}, // 外层盒⼦的class viewClass: {}, // 内层盒⼦的class viewStyle: {}, // 内层盒⼦的样式 noresize: Boolean, // 如果 container 尺⼨不会发⽣变化，最好设置它可以优化性能 tag: { type: String, default: 'div' }}el-scrollbar将会作为你容器的最外层，也是滚动条的容器；可以给el-scrollbar加上ref以及class来达到⾃⼰想要的结果。特别需要注意的是：在el-scrollbar上定义maxHeight和maxWidth是不⽣效的，没有办法达到预期的⼀个效果滚动到指定的位置可以使⽤如下代码this.$refs['scroll'].Top = 0 //想滚到哪个⾼度，就写多少或者this.$Top = 0 //想滚到哪个⾼度，就写多少注意 .warp必须要加，否则不⽣效。例⼦：滚动到顶部（有动画效果） // ...滚动到顶部

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

el-scrollbar使⽤以及滚动到指定的位置浏览器默认的滚动条不太美观⽽且在ie下不能调整样式，在element-ui中有个隐藏的组件，在官⽹上是没有对应的api的，那就是，这个组件的滚动条⽐原⽣的还是好看些的。开始使⽤ // 包裹你的内容这个组件还有⼀个属性值可以传递，可以⽤来修改样式加⼀些class的类名，但是⼀般情况下不会⽤的太多。props: { native: Boolean, wrapStyle: {}, // 外层盒⼦的样式 wrapClass: {}, // 外层盒⼦的class viewClass: {}, // 内层盒⼦的class viewStyle: {}, // 内层盒⼦的样式 noresize: Boolean, // 如果 container 尺⼨不会发⽣变化，最好设置它可以优化性能 tag: { type: String, default: 'div' }}el-scrollbar将会作为你容器的最外层，也是滚动条的容器；可以给el-scrollbar加上ref以及class来达到⾃⼰想要的结果。特别需要注意的是：在el-scrollbar上定义maxHeight和maxWidth是不⽣效的，没有办法达到预期的⼀个效果滚动到指定的位置可以使⽤如下代码this.$refs['scroll'].Top = 0 //想滚到哪个⾼度，就写多少或者this.$Top = 0 //想滚到哪个⾼度，就写多少注意 .warp必须要加，否则不⽣效。例⼦：滚动到顶部（有动画效果） // ...滚动到顶部