Question

我正在尝试在用户滚动页面时修复顶部的导航栏。但我面临一些问题。在这样做时，我发现一些元素重叠在它上面，即它隐藏了导航栏并在其上显示。

假设我有一个背景颜色为蓝色的导航栏和一个背景颜色为黄色的div。当我向下滚动到那个div时，它会重叠导航并隐藏导航栏的蓝色并显示黄色..

对此有任何帮助都会非常有帮助。

Answer 1

你试过固定位置和z指数吗？如果是这样我会尝试使用navs div以下css：

position: fixed;
z-index: 1;

Answer 2

听起来你想设置位置：绝对和z-index。没有你的代码不能给你具体的答案，但这应该让你朝着正确的方向

Answer 3

您可以使用以下示例实现此目的

css

#my-nav-bar {
    position: fixed;
    top: 0px;
}

HTML标记

<body>
    <div id="my-nav-bar">
        <!-- nav bar content -->
    </div>
    <!-- page content -->
</body>