ngx-spinner 不适应页面变大

Question

问题是我的微调器一开始覆盖了整个页面但是然后，我显示了新的面板（页面变大了）并且微调器没有调整.

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

我正在使用加载器组件<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 。 BUT 这里当加载器被触发时，页面已经很长并且滚动了。如果我在长的可滚动页面已经存在时触发微调器，它对我也有用。

Answer 1

使用 ngx-spinner@7.2.0 和 Angular 6

ngx-spinner 不适应页面变大

ngx-spinner doesn't adjust to page getting bigger

javascript

spinner

angular7