放置固定模態頁眉和頁腳

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; 

}