Javascript 当模式高度为动态时,ngx引导不会出现滚动

Javascript 当模式高度为动态时,ngx引导不会出现滚动,javascript,html,css,angular5,ngx-bootstrap,Javascript,Html,Css,Angular5,Ngx Bootstrap,每当modal中的内容展开或折叠时,我想动态更改modal的高度。场景是我在模式中有一个可折叠的aria,当单击查看答案按钮时,它会展开。现在,当第一次加载时,如果模式的内容高度需要滚动,则即使在查看答案按钮之后,也可以单击一切正常。但如果初始高度不需要滚动,则即使在展开内容滚动之后,也不会出现滚动,这会阻止用户执行进一步的操作 屏幕: 扩张前 扩张后 代码: 新问题 {{i+'.}您是对的,请再试一次 这将降低您的分数。请在查看答案之前尽最大努力 正确答案:{{问题[nextQu

每当
modal
中的内容展开或折叠时,我想动态更改
modal
的高度。场景是我在模式中有一个
可折叠的
aria,当单击
查看答案
按钮时,它会展开。现在,当第一次加载时,如果
模式
的内容高度需要滚动,则即使在
查看答案
按钮之后,也可以单击一切正常。但如果初始高度不需要滚动,则即使在展开内容滚动之后,也不会出现滚动,这会阻止用户执行进一步的操作

屏幕: 扩张前 扩张后

代码:


新问题

{{i+'.}您是对的,请再试一次

这将降低您的分数。请在查看答案之前尽最大努力

正确答案:{{问题[nextQuestionIndex]。答案}}
解释:
{{(progress.correctPer?(progress.correctPer+'%'):'')} {{(progress.errowper?(progress.errowper+'%'):'')} 结束练习 {(((问题arrlen-1)!==nextQuestionIndex)?“下一个问题”:“查看结果”)}
这样做怎么样

在模态体上添加一个类并设置高度和溢出

<div class="modal-body question-modal-body">
</div>

.question-modal-body {
    max-height: 150px; // set the height which the answer is not shown
    overflow: auto;
}

.问题模态体{
最大高度:150px;//设置未显示答案的高度
溢出:自动;
}

我的按钮位于模式的页脚部分,因此即使在滚动主体之后,我也无法看到按钮