放置固定模态页眉和页脚

Question

我正在使用引导模式在我的网页上显示一些内容。我已经将模态的高度设置为固定的80％，以便在长时间的屏幕中正常工作，因为我在模态体中有很多内容。随着80％的高度，我希望Header和Footer被固定在他们的位置，但整个内容似乎是可滚动的，即，我的页眉或页脚继续滚动。我希望将页眉和页脚固定在他们的位置，而模式主体可以滚动。我尝试过使用position：absolute和position：fixed，但似乎没有工作。这怎么可以做，即保持页眉和页脚与身体可滚动固定？

Answer 1

你必须设置.modal-body的高度并给它溢出-y：auto。还将.modal对话框溢出值重置为初始值。

.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; 

}