Размещение фиксированных модных верхних и нижних колонтитулов

Question

Я использую Bootstrap Modal для отображения некоторого контента на моей веб-странице. Я установил высоту модального фиксированного 80% для правильной работы на длинных экранах, потому что у меня много контента в модальном теле. С высотой 80% я хотел бы, чтобы верхний и нижний колонтитулы фиксировались на своих местах, но весь контент, похоже, прокручивается, т. Е. Мой верхний или нижний колонтитул продолжает прокрутку. Я хочу, чтобы верхний и нижний колонтитулы фиксировались на своих местах с прокручиваемым модальным телом. Я пробовал использовать позицию: абсолютный и фиксированный, но он, похоже, не работает. Как это можно сделать, т. Е. Сохранить верхний и нижний колонтитулы с помощью прокручиваемого тела?

Answer 1

Вы должны установить высоту .modal-body in и дать ему overflow-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; 

}