问题描述:上方上传附件,会撑开高度,使得下方表格高度超出范围。$(window).resize无法监听,附件上传是一个iframe容器。
需求:附件上传成功后表格高度减少
你这不是改变窗体,$(window).resize肯定不起作用,你可以在上传成功出加上处理,上传成功设置下面模块高度
或者你把上传文件出固定高度
上面增加了多少下面就减少多少
这是用悬浮布局的么?怎么没有把背景撑开?这样的话上面增加了高度,你得把背景的那个高度也增加相同的。
给 iframe 指定一个固定高度先,预留好选择文件后的高度
首先,你的下面那部分的高度不能写死,需要使用动态样式:style="'height:calc(100% - ' + endHeight + ')'",一进页面就计算上部分的高度,可以获取上部分的盒子,然后使用.clientHeight,赋值给endHeight,然后在上传附件成功之后,再次获取上部分的高度,赋值给endHeight即可。如不理解,请私聊我,详细解答。
表格外层的高度写死,试试
flex布局,让表格高度自适应
overflow:hidden
表格设置height:100%