显示溢出-y仅在角度2和更高的高度上存在高度差异
显示溢出-y仅在角度2和更高的高度上存在高度差异
提问于 2019-08-22 14:57:35
考虑以下代码段：
<div class="col-md-12">
<div class="row">
<div class="col-md-9">
<div id="leftContentDiv" style="height:125px;">
...
</div>
</div>
<div class="col-md-3">
<div id="rightContentDiv">
...
</div>
</div>
</div>
</div>id为'leftContentDiv‘的div容器具有固定的高度大小；因此，如果id为'leftContentDiv’的div容器的内容不超过id为'rightContentDiv‘的div容器的高度大小，则id为'leftContentDiv’的div容器将调整为id为‘leftContentDiv’的div容器的高度大小，因为这些div容器在同一行上。
也就是说，当具有id 'rightContentDiv‘的div容器开始超过具有id 'leftContentDiv’的div容器的高度大小时，而不是将这些div容器调整为具有最大高度大小的div容器的高度大小时，可以显示溢出Y。
例如：
HTML：
//replace <div id="rightContentDiv"> with <div id="rightContentDiv" [ngClass]="displayVerticalScroll">CSS：
.vertical-scroll {
overflow-y: scroll;
}TS：
public displayVerticalScroll(): string {
let leftContentDivHeight = document.getElementById('leftContentDiv').clientHeight;
let rightContentDivHeight = document.getElementById('rightContentDiv').clientHeight;
if (leftContentDivHeight < rightContentDivHeight) {
return 'vertical-scroll'
}
}请建议，如果这是可行的，或者也许我应该采取不同的方法。
回答 1
Stack Overflow用户
发布于 2019-08-22 21:47:18
在组件中声明一个变量
verticalScroll:boolean = false;
public displayVerticalScroll(): string {
let leftContentDivHeight = document.getElementById('leftContentDiv').clientHeight;
let rightContentDivHeight = document.getElementById('rightContentDiv').clientHeight;
if (leftContentDivHeight < rightContentDivHeight) {
this.verticalScroll = true;
}
}在HTML中
<div id="rightContentDiv" [ngClass]="{overflowclass:verticalScroll}">页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/57603629
复制相关文章
相似问题
腾讯云开发者
