起因:页面涉及到滚动下拉加载数据,一次显示50条,第二次调第二页的50条,table表格中对数据进行了处理,使用了el-tooltip,鼠标放上时候el-tooltip会有个延迟,这时候快速滚动el-tooltip还存在,会导致表格的高度被撑高,浏览器出现滚动条。
处理:既然是el-tooltip引起的,那就让el-tooltip在table表格滚动到下面时候消失,这样就不会造成el-tooltip滚到下面还占位的情况
监听滚动事件,获取tooltip,去判断tooltips.length,然后设置它的属性
const tooltips = document.getElementsByClassName('el-tooltip__popper')
if (tooltips.length > 0) {
tooltips[tooltips.length - 1].style.display = 'none'
}