element的table表格tooltip快速滚动时候会造成scroll高度被撑开,导致浏览器出现滚动条

起因:页面涉及到滚动下拉加载数据,一次显示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'
      }

你可能感兴趣的:(前端,javascript,html5,elementui,vue)