当前位置: 首页 > Web前端 > HTML

框的大小和数据的高度是自适应的

时间:2023-04-02 17:22:49 HTML

需求:当数据内容不够时,框的高度为屏幕剩余部分。如果数据超出屏幕,会出现滚动条。步骤:1-在请求数据列表的父框添加:style="[{'min-height':wrapperHeight},{height:'inherit'}]"项目代码:

我正在渲染一个动态列表...

2-添加监控数据到mounted列表顶部的距离this.wrapperHeight=document.documentElement.clientHeight-this.$refs.wrap.getBoundingClientRect().top+'px';3-将方法getHeight()添加到方法methods{letwrapperHeight=document.documentElement.clientHeight-this.$refs.wrap.getBoundingClientRect().top;让windowHeight=document.documentElement.offsetHeight;让warpHeight=this.$refs.wrap.offsetHeight;如果(wrapperHeight>=warpHeight){this.$refs.wrap.style.height=wrapperHeight+"px";}else{this.$refs.wrap.style.height="inherit";}},

最新推荐
猜你喜欢