Scroll 当滚动时,Blazor EditForm会在主布局上显示

Scroll 当滚动时,Blazor EditForm会在主布局上显示,scroll,blazor,always-on-top,webassembly,blazor-editform,Scroll,Blazor,Always On Top,Webassembly,Blazor Editform,我有这个Blazor WASM,上面有一个主布局,上面有一个徽标和其他东西。在子窗体上,我有一个Editform,这可以,但是当我滚动页面时,Editform会滚动到主窗体的顶部而不是下方。子卷中的其他内容将在下精细滚动。 有什么想法吗? 当你说MainForm时,表示亲切的问候-你是指屏幕上的顶部栏吗?如果是这样,进入你的site.css并添加z-index:9999到您的.main.top行部分。它应该类似于这样: .main { flex: 1; } .main .top-row

我有这个Blazor WASM,上面有一个主布局,上面有一个徽标和其他东西。在子窗体上,我有一个Editform,这可以,但是当我滚动页面时,Editform会滚动到主窗体的顶部而不是下方。子卷中的其他内容将在下精细滚动。 有什么想法吗?
当你说MainForm时,表示亲切的问候-你是指屏幕上的顶部栏吗?如果是这样,进入你的site.css并添加
z-index:9999到您的.main.top行部分。它应该类似于这样:

.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;
}

当你说MainForm-你是指屏幕上的顶部栏吗?如果是这样,进入你的site.css并添加
z-index:9999到您的.main.top行部分。它应该类似于这样:

.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;
}

z-index周围的星星只是为了突出它应该到达的位置。在我强制重新加载后,它起了很大的作用:-)再次感谢:-)很乐意帮忙!我还认为值得注意的是,如果出于某种原因,您希望在登录栏上方呈现一个组件,则必须将该组件的z索引设置为大于第一行,我似乎想不出有哪种情况需要这样做:)z-index周围的星星只是为了突出它应该到达的位置。在我强制重新加载后,它起了很大的作用:-)再次感谢:-)很乐意帮忙!我还认为值得注意的是,如果出于某种原因,您希望在登录栏上方呈现组件,则必须将该组件的z索引设置为大于第一行,然而,我似乎无法想象需要这样做的场景:)