position:fixed默认是相对浏览器定位的,不会随滚动条滚动而变化。
但可以设置元素祖先的 transform 属性为非 none 时,容器由相对浏览器定位改为相对该祖先祖先。
元素祖先添加css样式:transform: scale(1,1);(表示宽和高都放大1倍,其实等于没有变化)
该元素添加css样式:
{
position: fixed;
top:0;
left: 0;
z-index: 999;
}
元素添加ref="table_head"属性
元素祖先添加@scroll="scrollEvent($event)"滚动监听方法(实现固定表头位置):
// 监听表格滚动条滚动
scrollEvent(e) {
this.$refs.table_head.style = 'top:' + e.target.scrollTop;
},