ngx-spinner不能适应页面变大的情况

Question

问题是我的微调器首先要覆盖整个页面，但然后，我正在显示新的面板（页面越来越大），而微调器没有调整。

例如，页面的高度约为500像素，然后达到1100像素。 当我调用新的http请求时，我的微调框仍然仅覆盖前500px。它不会调整。

我正在使用加载程序组件<app-loader><app-loader>：

<ngx-spinner
  bdColor="rgba(51,51,51,0.5)"
  size="medium"
  color="#fff"
  type="ball-atom"
  fullScreen= "true"
  class="myspinner">
</ngx-spinner> 

在我的app.component.ts内：

<div class="container" #mycontainer>

  <!-- loading spinner -->
  <app-loader></app-loader>

  <div nz-row nzType="flex" nzJustify="center">
    <div nz-col nzSpan="23">
      <router-outlet></router-outlet>
    </div>
  </div>

</div>

css loader.component.scss是：

.myspiner ::ng-deep .black-overlay{
  position: fixed !important;
}

你们有什么主意吗？

我已经检查了此stackblitz 。 但是在这里，当加载程序被触发时，页面已经很长了，并且滚动。如果我已经在长的可滚动页面上触发了微调器，它也对我有用。

Answer 1

在Angular 6中使用ngx-spinner@7.2.0