【问题标题】:Angular Overlay is hidden under stickied header角覆盖隐藏在粘性标题下
【发布时间】:2020-04-28 00:49:00
【问题描述】:

我希望在加载时将 mat-spinner 覆盖到我的应用程序上。我正在使用来自 @angular/cdk/overlay 的覆盖组件。
问题是被覆盖的微调器的一部分最终隐藏在表格标题下。它覆盖在页面上的所有其他内容之上,但表格标题似乎出现在前面并阻碍了覆盖。
如果我将 .css 文件中表头的position 属性从sticky 更改为fixed,那么这个问题就会消失,并且覆盖层会按照我的意愿运行,但是表头显然不能正常运行。
我希望表格标题保持被粘住的行为,但我还需要覆盖层来覆盖整个页面并且不会被阻碍。

提前致谢。

【问题讨论】:

    标签: html css angular


    【解决方案1】:

    如果微调器位于表头下方,则您需要将 padding-bottom 赋予表头与表头高度相同。这是我从您的帖子中了解到的.. 希望它对您的问题有所帮助,否则您可以再次提出更详细的问题,并提供有问题的屏幕截图。

    【讨论】:

    • 很遗憾,我无法添加屏幕截图,因为我不拥有该应用程序并且没有权限。微调器不在表头下方,而是在表头下方,因此部分微调器被挡住,好像隐藏在表头后面。
    • 那么在这种情况下,请尝试从障碍物一侧给微调器留出余量。
    猜你喜欢
    • 2013-03-13
    • 2020-11-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-06-10
    • 2015-11-28
    • 1970-01-01
    相关资源
    最近更新 更多