当前位置:   article > 正文

使用el-tooltip 页面出现双滚动条_elementplus el-tooltip 滑动出现滚动条

elementplus el-tooltip 滑动出现滚动条

**关于for循环嵌套多个el-tooltip  滑动过快,tip盒子未消失前碰到页面顶部,导致页面出现双滚动条问题

解决方法:设置el-tooltip消失 (思路:监听滚动的盒子,tip 在active时排在最后一个,在滚动的时候让active的tip消失)

  1. closeTooltip() {
  2. this.$refs.buildFloor.onscroll = () => {
  3. let list = document.getElementsByClassName('el-tooltip__popper')
  4. if (list.length > 0) {
  5. list[list.length - 1].style.display = 'none'
  6. }
  7. }
  8. },
  1. mounted() {
  2. this.closeTooltip()
  3. },

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:【wpsshop博客】
推荐阅读