滚动时Blazor EditForm越过MainLayout

Question

我有这款Blazor WASM，它的MainLayout顶部带有徽标和其他东西。在子窗体上，我有一个Editform，可以正常工作，但是当我滚动页面时，EditForm滚动在MainForm的顶部而不是下面。子级中的其他内容在下面滚动。 有任何想法吗？ 问候

Answer 1

当您说MainForm时-您是指屏幕上的顶部栏吗？如果是这样，请进入您的site.css并将z-index:9999;添加到您的.main .top-row部分。它应该看起来像这样：

.main {
    flex: 1;
}

.main .top-row {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    **z-index: 9999;**
}

    .main .top-row > a, .main .top-row .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

.main .top-row a:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
}