放置固定模态页眉和页脚

Question

我正在使用 Bootstrap Modal 在我的网页上显示一些内容。我已经将模态的高度设置为固定的80％，以便在长屏幕中正常工作，因为我在模态体中有很多内容。在80％的高度，我希望将页眉和页脚固定在他们的位置，但整个内容似乎是可滚动的，即我的页眉或页脚继续滚动。我想保持页眉和页脚固定在他们的位置，模态体可滚动。我尝试过使用position：absolute和position：fixed但它似乎没有用。如何做到这一点，即保持页眉和页脚固定与身体可滚动？

Answer 1

你必须设置.modal-body的高度并给它溢出-y：auto。同时将.modal-dialog溢出值重置为初始值。

    .modal{
    display: block !important; /* I added this to see the modal, you don't need this */
}

/* Important part */
.modal-dialog{
    overflow-y: initial !important
}
.modal-body{
    height: 250px;
    overflow-y: auto;
}

Answer 2

尝试下面这个css可以帮助你。

.modal-body {
    position: relative;
    padding: 15px;
    max-height: 600px !important;
    overflow-y: scroll;

}