Html 固定位置属性

在使用固定位置属性时，为了在移动功能中始终保持导航条的位置，我在测试和出错期间遇到了一些问题。然而，有了页边空白和翻译功能，它现在是固定的，看起来很干净

有更多的方法来完成这项工作吗

在我看来，这意味着一个页面（CSS所在的页面）使用该规则集，它总是被视为第一个框。这是一个正确的观点，还是我在这个属性和它的工作原理上遗漏了什么

编辑：根据要求，我在这里编辑了我的代码

.leftNav{
    top: 0%;
    transform: translateX(0%);
    position: fixed;
    left: 0;
    width: 50%;
    height: 80px;
    background: linear-gradient(
        to left,
        rgba(2, 2, 2, 0.95),
        rgba(21, 22, 22, 0.95)
      );
    margin-bottom: 50px;
}

这基本上就是我的CSS，我使用TranslateX让自己知道我在什么时候改变了位置

<div class="leftNav">
        <div class="logo">

            <a href="#"> <img src="./facebook.png" alt="just-a-logo"></a>
</div>
        </div>

---

这基本上是保持导航条向上的结束，因此它将导航条固定在固定位置的零件上。

您可以使用粘性属性将导航条固定在顶部。但请注意：

.nav栏
{
边框：2件纯黑；
宽度：100%；
显示器：flex；
对齐项目：居中；
证明内容：周围的空间；
/*
粘性位置是介于固定和静态之间的位置。
在您滚动它之前，它一直处于其原始位置。
但是，在这种情况下，它不会起作用，因为它的父对象，
也就是说，div没有粘性属性。
*/
位置：粘性；
职位：-网络工具包粘性；
顶部：0！重要；
}
部分
{
高度：400vh；
}

纸卷
纸卷
纸卷

你能提供你的HTML和CSS吗？请创建一个新的HTML和CSS，我现在更改了它，并输入代码。这确实是一个很好的解决方案。我发现W3Schools上也有一个，但不幸的是，我没有正确理解可以将滚动的位置更改为顶部，我认为必须先按它来做。但我现在注意到，在这个示例中，确实可以使用sticky。谢谢分享。我很满意你的答对了。

.introPage{
    margin-top: 80px;
    height: 91.7vh;
    background: rgb(233, 227, 224);
}