Как сделать размер заголовка div фиксированным, а body - прокручиваемым?

Question

Here is the sample code for that: its just a sample:
<div class="main">
<div class="header">
Header<br>
Header<br>
Header<br>
Header<br>
Header<br>
Header<br>
Header<br>
Header<br>
Header<br>
Header<br>
Header<br>
Header<br>
</div>
<div class="footer">
Footer<br>
Footer<br>
Footer<br>
Footer<br>
Footer<br>
Footer<br>
Footer<br>
Footer<br>
Footer<br>
Footer<br>
Footer<br>
Footer<br>
Footer<br>
Footer<br>
Footer<br>
Footer<br>
Footer<br>
Footer<br>
Footer<br>
Footer<br>
Footer<br>
Footer<br>
Footer<br>
Footer<br>
Footer<br>
Footer<br>
Footer<br>
</div>
</div>

css:
.header{
  overflow: hidden;
}
.footer{
  overflow-y: scroll;
}
.main{
  overflow-y:hidden;
}

JSFiddle У меня есть один сценарий, в котором у меня нет представления о размере div для родителя, который написан в iframe, и я вставляю угловой шаблон в iframe, но я могу исправитьзаголовок, но я не могу сделать его прокручиваемым.Я могу сделать его прокручиваемым, указав высоту в div, которую я не могу сделать, так как я

Answer 1

Используется бесконечная прокрутка через NPM: - InfiniteScrollModule

import {InfiniteScrollModule} из 'ngx-infinite-scroll';

, а также используется CSS для фиксированного тела.

вот так: -

.modal {display: block! Важный;}

.modal-header .close {margin-top: 0px;}

.modal-dialog {overflow-y: initial! Важный}

.modal-body{высота: 20рем;переполнение-у: авто;}