Jquery 视差滚动菜单突出显示项

我正在建立一个网站，我看到很多视差网站都使用了这个功能。当我将鼠标悬停在菜单项上时出现的三角形，我希望在单击特定菜单项和滚动到特定部分时，这些三角形能够在特定菜单项上保持明显

因此，当我点击“live”时，三角形应该会出现并保持明显，或者如果我滚动到该部分，它应该会显示出来，所有其他部分也是如此

这是我正在使用的部分代码。。。如果需要添加更多，请告诉我

下面是HTML和CSS都在JSFIDLE链接中的HTML

<div class="header">
        <div class="nav">
            <div class="inner">
        <a href="#home"> home</a>
        <a href="#live"> live</a>
        <a href="#learn">learn</a>
        <a href="#mission">mission</a>
        <a href="#heal">heal</a>
        <a href="#adorn">adorn</a>
        <a href="#sip">sip</a>
            </div>
        </div>
<div>



<section id="home">
<div class="lower">
<div class="homecontainer">
    <div class="binder">
       hi all            
    </div>
</div>
</div>
</section>

<section id="live">
 hi alllllllllll hellllloooo
</section>

大家好
你好，你好，你好

有一个很好的例子，可以实现您想要做的事情。它不仅提供了您正在寻找的代码和一个JSFIDLE来查看所有的工作，而且它很好而且紧凑，不需要插件

如果您更喜欢使用插件，那么有一个有趣的插件使用纯Javascript。它响应scroll事件，并使用非常直观的方法对断点进行编码。值得一看

我应该注意到，在看到你的代码时，你有各种各样的问题，不仅你的基本html非常笨重（到处都是嵌套的div和不必要的id，甚至几乎没有语义标记等等），而且你的Javascript在幕后抛出各种各样的错误，可能是因为您从另一个站点复制了大量代码。有各种各样的标志被抛出跨源问题，网页字体和图像找不到，等等。你的代码是一团糟™. 如果这是一个学习练习，那么我想这并不重要。但如果这是为别人做的客户工作，你肯定会想解决所有这些问题，我猜你需要做一些家庭作业才能开始

如果你是一个初学者，或者即使你想对正确的编码技术有一个很好的评价，也有一些方法可以帮助你学习正确的html和css编码，我强烈建议你仔细阅读

---

如前所述，如果您提供的url仅用于您自己的学习，那么请仔细研究，这是一种完全公平的学习方式，尽管可能更有效。

谢谢，我有完整的代码，有些地方我只是复制了我所有的选择器，它们用于导航以外的功能，但我没有添加html，因为这不是问题所在。再次谢谢你，我会试试的，所以我还没想好怎么做。。。该网站的链接是，我想我只需要多一点方向