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大小 parent，它是用iframe编写的，我要插入角度 iframe中的模板，但我可以修复标题，但我无法使其滚动。我可以通过提供使其滚动自从我就不能做的div高度

Answer 1

通过NPM使用无限滚动：- InfiniteScrollModule

从'ngx-infinite-scroll'导入{InfiniteScrollModule};

，也将CSS用于固定主体。

像这样：-

.modal {display：block！important; }

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

.modal-dialog {overflow-y：initial！important}

.modal-body {高度：20rem;溢出-y：自动；}

如何使标题div大小固定且正文可滚动？

1 个答案: