'Position：sticky'不粘贴中间滚动条，原因未知

Question

我一直在第一个网站上为uni项目工作，在CSS（或HTML，不太确定）中遇到了一个非常奇怪的错误，这意味着我在页面顶部显示了一个导航栏很好，现在将松开并在我的网站的所有3个页面顶部附近的随机点处显示“位置：相对”属性。

[我在使用两篇@media（最大宽度/最小宽度）文章添加了大于和小于512像素的文章，并将响应功能添加到网站后，注意到了这个错误

在父容器和本机容器中都经历了不同的溢出，没有运气，只是进一步破坏了它。

当前和错误格式的网页在此处在线：http://db814.brighton.domains/ci435/learningJournal.html

这是相关的HTML和CSS代码段，

    <div class="desktop-menu">
        <ul id="page-links">
            <li class="active" ><a href="learningJournal.html">Learning Journal</a></li>
            <li><a href="tutorial.html">Tutorial</a></li>
            <li><a href="contact.html">Contact Me</a></li>
        </ul>

@media (min-width: 512px) {
 .desktop-menu  {
   position: -webkit-sticky;
   position: sticky;
   top: 0;
   z-index:1;
 }
 .desktop-menu ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   background-color: #AEA79F;
   overflow: hidden;
   width: 100%;
   bottom 0;
 }
.desktop-menu li    {
   float: left;
 }
.desktop-menu a {
   display: block;
   color: #fff;
   text-align: center;
   padding: 14px 16px;
   text-decoration: none;
 }
.desktop-menu a:hover {
   color: #E95420;
 }
.mobile-menu {
    display: none;
}

Answer 1

该错误仅是由给身体100％的高度引起的。