闪电模态外部页面滚动条

Question

嗨，我正在开发一个闪电组件，以在模式弹出窗口中显示银行结帐页面。外部页面没有自定义。该页面显示双滚动条。一个用于外部页面，一个用于弹出窗口的正文。

我试图添加这个CSS

.THIS .slds-modal__header {
    border-bottom:3px solid #FFA000;
    height: 10vh;
    margin: 0;
    padding: 0;
}

.THIS .slds-modal__content {
    overflow-y: auto;
}

.THIS .slds-modal__body {
    height: 80vh;
}

.THIS .slds-modal__footer {
    border-top:3px solid #FFA000;
    height: 10vh;
    margin: 0;
    padding: 10px;
}

但是外部页面仍然需要很长时间并且没有显示在弹出窗口的正文区域中。我们可以调整正文区域的大小以仅使用滚动条在正文区域中显示外部页面吗？

谢谢

Answer 1

尝试从高度移除：80vh；你的模态体标签。您的模态将打开更接近它需要的内容，并且应该只有 1 个滚动条来访问正文。