1.设置table的ref为tableList 2.设置滚动至顶部 this.$refs.tableList.bodyWrapper.scrollTop =0; 3.设置滚动至底部 this.$refs.tableList.bodyWrapper.scrollTop ...

...

通过element界面中的dom结构返现，其实table外部包了几层div，而滚动条是添加在外层的div中的，而外层中的div则是使用el-table__body-wrapper的类样式， 所以修改添加下面的样式就可以修改css样式 48px为列头使用的高度 ...

固定列覆盖了滚动条，所以不能滚动 .el-table--scrollable-x .el-table__body-wrapper { z-index: 1; } ...

table 设置表格有滚动条。 少说多做，代码中有注释： 效果： ...

JS控制滚动条的位置： JQUERY控制滚动条位置 ...

问题：在使用element-ui的table组件时，给表格的某些列设置了fixed属性，让列可以固定，不随着滚动条滚动移动，结果发现设置后，拖动横向的滚动条的前半部分无法拖动。后来发现原因是设置了fixed属性的列（左侧的div）把滚动条覆盖了。 解决办法： ...

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 7px; /*滚动条宽度*/ height: 7px; /*滚动条高度*/ background-color ...