固定div位于另一个div的顶部

您所在的位置:网站首页 div固定顶部 固定div位于另一个div的顶部

固定div位于另一个div的顶部

2022-06-03 22:18| 来源: 网络整理| 查看: 265

我在我的页面底部有一个固定的div,但它掩盖了它后面的另一个div。如何才能使固定div后面的标记可以滚动?我的最终目标是让按钮固定在最底部,但如果内容在按钮后面,则允许滚动条显示。我尝试添加一个over-flow:auto,但它没有改变。我的假设是,这不起作用是因为视区确实认为按钮后面的div是viewable...But的,固定位置div只是有更高的z值,所以无论如何它都会覆盖它。我不想添加任何填充来容纳空白空间。

父容器

.page-container { padding: 10px; position: relative; .page-title { margin-bottom: 15px; } .page-title-fixed { position: fixed; left: 0; right: 0; margin-top: -15px; padding: 15px; margin-bottom: 0; padding-bottom: 0; background: $bgGray; z-index: 999; .page-title { margin-bottom: 0; } } }

固定按钮样式

style={{ position: 'fixed', bottom: 0, left: 0, height: 60, width: '100%', display: 'flex', justifyContent: 'space-between', alignItems: 'center', backgroundColor: '#f6f6f6', borderTop: '1px solid #e0e0e0' }}



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3