Element-ui 简单实现表格滚动（附演示及源码）

1 前 言

1.1 预览图

1.2 介 绍

功能很简单，不确定方法有没有问题，所以写出来让大家来检查检查

1.3 使用技术

• Vue
• Element-ui

2 实 现

2.1 查看UI

这里是直接使用 UI 里的表格组件，F12 查看

可以明显看出：

• 表格头 class="el-table__header-wrapper"
• 表格体 class="el-table__body-wrapper"
• 表格高度默认 48px

2.2 滚 动

我们想要的效果是向下滚动，即向下移动 48px

//  获取表格体
let t = document.getElementsByClassName('el-table__body-wrapper')
setTimeout(() =>{
    t[0].style.transition = 'all .5s'
    t[0].style.marginTop