Html 粘滞元素不使用引导容器

我有一个用于页面内容的引导容器，但没有用于标题的容器。我的标题非常简单，而且是引导式的，似乎有些过火了。我遇到的问题是，我的非引导粘性标题只有在页面到达引导内容之前才是粘性的。然后，粘性收割台停止在其轨道上。你知道我哪里出错了吗

HTML

（500px div用于测试粘性头。所有500px的头都是粘性的，直到页面到达引导容器。然后粘性头停止在其轨道上。）

---

粘滞元素将仅粘附到其父元素

尝试将粘性css添加到

标题中

：

标题{
填充：20px；
颜色：白色；
背景色：rgb（77,22,59）；
位置：粘性；
排名：0；
}

关于
项目
接触
Lorem ipsum dolor sit amet，是一位杰出的献身者。整数nec odio。自由女神。这是一个直径较大的曲线。塞德·尼西。nibh elementum的Nullaquis sem。同侧矢状肌。普拉森特·莫里斯。他告诉我们，这是奥古斯特·森佩尔·波尔塔。毛里斯·马萨。前庭短弧

根据康努比亚·诺斯特拉（conubia nostra）和希梅纳奥斯（inceptos himenaeos）的规定，社会责任和责任等级为：。libero的Curabitur sodales ligula。拉齐尼亚·努克阁下。库拉比图侵权人。佩伦茨克笔尖。埃尼安·夸姆。在多洛的权杖扫描电镜中。梅塞纳斯·马蒂斯。Sed convallis tristique sem。在门的舌苔上。摩比·莱索斯、艾库利斯·维尔、苏西皮特·奎斯、卢克图斯·农、马萨。长舌苔。同侧毛里斯。我的朋友们，我的朋友们，我的朋友们，我的朋友们，我的朋友们

奎斯克·沃里帕特调味品维利特。根据康努比亚·诺斯特拉（conubia nostra）和希梅纳奥斯（inceptos himenaeos）的规定，社会责任和责任等级为：。Nam nec ante。拉齐尼亚，马蒂斯，托托·内克·阿迪皮斯，一个前脚印。无便利。弗林利亚大学。潜力悬钩子。我的食物太多了。前庭智人。普罗因奎姆。艾蒂亚姆乌尔特里斯酒店。Suspendisse位于justo eu magna luctus suscipit

塞德·莱克托斯。整数euismod lacus luctus magna。奎斯克·库苏斯（Quisque cursus）、法雷特拉拍卖行（metus vitae pharetra auctor）、马萨·马蒂斯拍卖行（sem massa mattis sem）在奥古斯特钻石国际拍卖行（interdum magna augue eget diam）。虎口浮雕和肘部浮雕同侧前庭；莫比·拉齐尼亚·莫莱斯蒂酒后驾车。普拉森特·布兰迪特·多洛。我不知道。在我的世界里，有一种元素。同侧的Morbi坐在amet pede facilisis laoreet。Donec lacus nunc，viverra nec，blandit vel，egestas et，augue。马蹄莲前庭。Ut ultrices ultrices enim。库拉比图坐在阿梅特莫里斯。酒后驾车中的Morbi是ullamcorper。无便利

整粒紫罗兰。克拉斯·梅特斯。他是一个侵权人。整数id quam。莫比·米。奎斯克·尼斯·费利斯，威尼斯人特里斯蒂克，德高望重，奥古斯都，奥古斯都。在sodales libero eget ante。纳拉奎姆。埃尼安·拉奥里特。鼻前庭、commodo ac、facilisis ac、ultricies eu、pede。奥奇·里苏斯，阿库姆桑·波特托，库苏斯·奎斯，阿利奎特·埃吉特，胡斯托。塞德·普莱蒂姆·布兰迪·奥奇。在pede suscipit sodales的Ut eu直径

艾尼安·莱克特斯精英，无酵素，无酵素，无酵素，无酵素，无酵素，无酵素。纳拉姆·莫里斯·奥奇、阿利奎特·艾库利斯·艾库利斯、维韦拉·维塔伊、利古拉。在purus aliquam饮食中的nullautfelis。梅塞纳斯·阿利奎特·莫利斯·莱克图斯。责任和侵权人的生活。Lorem ipsum dolor sit amet，是一位杰出的献身者。整数nec odio。自由女神。这是一个直径较大的曲线。塞德·尼西。nibh elementum的Nullaquis sem。同侧矢状肌。普拉森特·莫里斯

他告诉我们，这是奥古斯特·森佩尔·波尔塔。毛里斯·马萨。前庭短弧。根据康努比亚·诺斯特拉（conubia nostra）和希梅纳奥斯（inceptos himenaeos）的规定，社会责任和责任等级为：。libero的Curabitur sodales ligula。拉齐尼亚·努克阁下。库拉比图侵权人。佩伦茨克笔尖。埃尼安·夸姆。在多洛的权杖扫描电镜中。梅塞纳斯·马蒂斯。Sed convallis tristique sem。在门的舌苔上。摩比·莱索斯、艾库利斯·维尔、苏西皮特·奎斯、卢克图斯·农、马萨

长舌苔。同侧毛里斯。我的朋友们，我的朋友们，我的朋友们，我的朋友们，我的朋友们。奎斯克·沃里帕特调味品维利特。根据康努比亚·诺斯特拉（conubia nostra）和希梅纳奥斯（inceptos himenaeos）的规定，社会责任和责任等级为：。Nam nec ante。拉齐尼亚，马蒂斯，托托·内克·阿迪皮斯，一个前脚印。无便利。弗林利亚大学。潜力悬钩子。我的食物太多了

前庭智人。普罗因奎姆。艾蒂亚姆乌尔特里斯酒店。Suspendisse位于justo eu magna luctus suscipit。塞德·莱克托斯。整数euismod lacus luctus magna。奎斯克·库苏斯（Quisque cursus）、法雷特拉拍卖行（metus vitae pharetra auctor）、马萨·马蒂斯拍卖行（sem massa mattis sem）在奥古斯特钻石国际拍卖行（interdum magna augue eget diam）。虎口浮雕和肘部浮雕同侧前庭；莫比·拉齐尼亚·莫莱斯蒂酒后驾车。普拉森特·布兰迪特·多洛。我不知道。在我的世界里，有一种元素。同侧的Morbi坐在amet pede facilisis laoreet。Donec lacus nunc，viverra nec，blandit vel，egestas et，augue

马蹄莲前庭。Ut ultrices ultrices enim。库拉比图坐在阿梅特莫里斯。酒后驾车中的Morbi是ullamcorper。无便利。整粒紫罗兰。克拉斯·梅特斯。他是一个侵权人。整数id quam。莫比·米。奎斯克·尼斯·费利斯，威尼斯人特里斯蒂克，德高望重，奥古斯都，奥古斯都。在sodales libero eget ante。纳拉奎姆

Lorem ipsum dolor sit amet，是一位杰出的献身者。整数nec odio。自由女神。这是一个直径较大的曲线。塞德·尼西。nibh elementum的Nullaquis sem。同侧矢状肌。普拉森特·莫里斯。他告诉我们，这是奥古斯特·森佩尔·波尔塔。毛里斯弥撒
<header>
  <div class="navMenu">
    <div class="navLinkWrapper">
      <a class="nav-link" onclick="slideTo('#aboutSection');">ABOUT</a>
      <a class="nav-link" onclick="slideTo('#projectsSection');">PROJECTS</a>
      <a class="nav-link" onclick="slideTo('#contactSection');">CONTACT</a>
    </div>
  </div>
  <div style="height: 500px;">

  </div>
</header>
<main>
  <div class="container-fluid">
    <div class="row" id="aboutSection">
      <div class="col-lg-12">
        <div class="terminal mx-auto">
          <div class="form-inline aboutHeader">

.navMenu {
  background-color: rgb(77, 22, 59);
  position: sticky;
  top: 0;
}

.navLinkWrapper {
  width: 590px;
  margin: 0 auto;
}

.nav-link {
  font-family: 'Ubuntu Mono', monospace;
  font-size: 30px;
  color: limegreen !important;
  cursor: pointer;
  transition: all 0.3s ease;
  display: inline-block;
  letter-spacing: 3px;
  text-align: center;
  margin-left: 20px;
  margin-right: 20px;
}

.nav-link:hover {
  color: white !important;
}