使用el-popper時遇到的問題——el-popper元素定位超出了頁面可視區


問題描述:

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM