問題描述:
正常的前一刻(可以看到此時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的高度。