使实体模态窗口的元素不可滚动

时间:2017-09-18 14:47:42

标签: html css angular materialize

我有实现模态窗口的代码

<div class="modal" materialize="modal" [materializeActions]="modal_questions">
<div class="modal-header">
  <i class="modal-action material-icons right" (click)="closeModal()">close</i>
</div>
<div class="modal-content">
  <h4 class="center">Title</h4>
  <!--some text-->
</div>
</div>

在CSS中我有:

.modal-header {
  position: fixed;
  cursor: pointer;
}

但是模态标题仍然是可滚动的,而不是固定的。如何修改模态窗口顶部的标题?

1 个答案:

答案 0 :(得分:3)

如果您不关心IE,可以使用.find({ $and:[{ "history": { $not: { $elemMatch: { "processed": {$eq: 0}, "status":{$eq: "New"} } } } }, {"history.processed":0} ]}) 。这是browser compatibility

position:sticky;

enter image description here