背景

项目开发中有一个较特殊的组件，可编辑的下拉框

在点击添加学历时，在列表末尾追加一个输入框，同时将select滚动到底部，坑爹的是element-ui并没有直接的方法操作滚动高度

scrollbar组件

element-ui中，滚动条是额外实现的，带了滚动条的组件都会引入scrollbar，但scrollbar组件并没有暴露出来

翻一下scroll的属性，发现了一个moveY属性，但很可惜，这个属性仅仅是控制滚动条的位置的

操作scrollbar wrap

继续翻会发现scrollbar挂载了wrap，直接操作scrolltop就好了

直接取到scrollbar的ref进行操作

scrollTopAdd() {
    this.$refs.select.$refs.scrollbar.wrap.scrollTop++;
}

总结

理论上来讲，element-ui中使用滚动条的组件都可以通过这种方法主动控制滚动高度