scroll - 滚动时 Blazor EditForm 会越过 MainLayout
问题描述
我有这个带有 MainLayout 顶部的 Blazor WASM,上面带有徽标和其他东西。在子表单上,我有一个 Editform,这项工作正常,但是当我滚动页面时,EditForm 滚动到 MainForm 的顶部而不是下方。其他内容在子滚动细下。有任何想法吗?亲切的问候
解决方案
When you say MainForm - do you mean the top bar on the screen? If so, go into your site.css and add z-index:9999;
to your .main .top-row section. it should look similar to this:
.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;
}
推荐阅读
- c - Traverse a tree from node to root keeping track of path
- nginx - 如何通过nginx中的查询字符串重定向js?
- scala - Scala 检查 ListBuffer[MyType] 是否包含一个元素
- javascript - 如何在 Next.js 组件中使用 SVG 图像?
- android - 当 ListView 内部布局时,ProgressBar 不在 RelativeLayout 中
- java - 使用 REF CURSOR 通过 java 程序检索 ResultSet 会引发错误
- ios - 将 NSString 序列化为 JSON 字符串
- python-2.7 - 使用命名空间时如何导入函数?
- r - 如何将数值转换为内存中的标准化双精度,反之亦然?
- arrays - 如何检查数组中的数字是否包含在嵌套数组中?