Jquery 位置固定条不滚动

我让它的一部分工作。但由于某些原因，它不会保持在顶端

CSS导航框：

#navbox {
        float: left;                
        width: 150px;
        border: 1px solid blue;
        border: thin solid #CCC;
        background-color: #FFF;
        border-radius: 4px;
        padding: 5px; 
        position: fixed;
        top: 92px;  
        z-index: 1000;
    }

HTML代码：

<div id="navbox">
    <div class="navigation">
      <a href="#aeast">AFC East</a> <br />
      <a href="#anorth">AFC North</a> <br />
      <a href="#asouth">AFC South</a> <br />
      <a href="#awest">AFC West</a> <br />
    </div>
</div>

---

这里唯一的选择是在使项目

position:fixed之前使用JavaScript确定滚动位置。我推荐它，因为它支持边界和边距

更新：

您可以使用
position:sticky
（并带有浏览器前缀）[]以更具创造性的方式实现这一点，特别是在iOS上进行修复。
位置：固定的
与浏览器窗口相对，而
位置：绝对的相对于文档，或具有
位置的最近父级：相对

因此，在您的情况下，通过使用
位置：fixed
，div将始终位于浏览器窗口顶部下方92px（
顶部：92px
）。如果要向上滚动（与页面顶部的距离相同），请使用
position:absolute


小提琴

位置：固定
-
位置：绝对位置
-
您可以指定
位置：固定
或
位置：绝对
值，将div移动到页面上的任何特定位置

当使用'position:absolute'时，父div位置应该是相对的

所以结论是你可以通过这两种方法来设置它

.element{ position:fixed; top:2%; right:2%; }
.element{ position:absolute; top:50px; right:50px; } /*parent div should be in relative position.

.element{ position:fixed; top:2%; right:2%; }
.element{ position:absolute; top:50px; right:50px; } /*parent div should be in relative position.