问题描述:
正常的前一刻(可以看到此时el-popper的定位top值还是90px):
点击“0人”展开下级面板(可以看到此时el-popper的定位top值已经为-996px,因而看不见级联面板了,它被定位到了超出页面可视区以外):
问题分析:
次级面板的内层元素高度非常大,有1700px ,首先应该联想到可能是el-popper包裹的元素的位置或宽高影响了它的定位。
类名为scroll-wrap的次级面板的高度是用js动态设置的,类名为scroll-height-content的次级面板的子层 的高度也是js动态设置的;scroll-wrap的高度仅为204px,不足以撑出页面可视区,按理说el-popper的定位应该也是正常的,不会超出页面可视区,可经打断点调试,发现先是内部的元素scroll-height-content被设置高度为1700px,然后再设置的scroll-wrap的高度为204px,故el-popper的定位先被1700px的高度撑出了页面以外,后面再设置scroll-wrap的高度为204px时,已经没有用了,el-popper的定位已经被初始化好了。
解决方法:
先设置scroll-wrap的高度为204px,再设置scroll-height-content的高度。