使用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