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 ...