Sticky Nav使用JavaScript的麻烦

Question

我在自定义页面上的导航位于标题照片下方。当页面滚动时，我希望导航在顶部保持粘性。但是，我不能让它保持固定的位置。我觉得我已经尝试过一切。不知道我的代码中的某些内容是否与脚本冲突而不允许它运行。

(lldb) expr -l objc++ -O -- [UIViewController _printHierarchy]

<MyProject.SwipeController 0x102213590>, state: disappeared, view: <UIView 0x102239ff0> not in the window
   + <MyProject.CameraViewController 0x102215680>, state: disappeared, view: <UIView 0x102422fd0> not in the window, presented with: <_UIFullscreenPresentationController 0x102219c60>
   |    + <MyProject.MapViewController 0x102214820>, state: appeared, view: <UIView 0x10bf52fe0>, presented with: <_UIFullscreenPresentationController 0x10fd1f890>
   |    |    | <MyProject.MapPlaceCollectionViewController 0x10bf54680>, state: appeared, view: <UICollectionViewControllerWrapperView 0x1022438d0>

Answer 1

据我所知，最终目标是让navbar卡在页面顶部，即使滚动时也是如此？

我建议的解决方案似乎相当微不足道，但我建议您更改HTML中navbar和header的顺序。

潜在解决方案：

<强> HTML

<nav id="navbar">
    <div id="enter">
        <div class="numberCircle"><span>5</span></div>
        <div class="pg-nav">
            <ul class="nav-links">
                <li><a href="#a">A</a></li>
                <li><a href="#b">B</a></li>
                <li><a href="#c">C</a></li>
                <li><a href="#d">D</a></li>
            </ul>
        </div>
    </div>
</nav>

<div id="header">
     <img src="images/header-1.jpg" style="max-width:100%; height:auto;"/>
</div>

<div id="headerTitle">
     <h2>header</h2>
     <h3><em>subhead</em></h3>
</div>

<强> RESULT

如果我不太明白问题的前提，请纠正我。

Answer 2

我将脚本src标记从标记的底部移动到了那个并且有效。我能够将导航栏保持在标题图形和图像下方。