为什么我的主要内容与 Blazor Syncfusion 中的粘性顶部栏重叠？

Question

我正在 Syncfusion blazor 中创建一个应用程序，所有内容分为两部分：顶行和内容。顶行是粘性的，但不知何故，当我向下滚动时，主要内容会与顶行重叠，我希望顶行始终可见并且不会重叠，我该如何实现？

默认滚动位置（在顶部）：

向下滚动一点点时：

如您所见，主要内容将与顶行重叠，我如何避免这种情况并使主要内容位于顶行栏后面而不是栏上方？

CSS 顶行：

CSS主要内容：

Answer 1

在 site.css.

中添加一个 z-index: 2000 到 .top-row

这将使 header 成为最顶层，因此内容不会重叠。

Answer 2

您可以将 css 样式位置指定为图表的初始位置。请检查以下代码片段和示例。

代码段

<style>   
.e-chart {
    position: initial !important;
}
</style>

截图

谢谢，杜尔加 G

Why does my main content overlaps my sticky top bar in Blazor Syncfusion?