Javascript 基于鼠标滚轮滚动内容设置活动文本链接+；链接文本链接到每个鼠标滚轮滚动内容

我知道这是一个JS/jQuery问题，我有非常不错的CSS技能，但遗憾的是，我的JS知识让我大失所望。我最近为我的投资组合买了一个网站模板。这是一个好的，但我真的很难适应它

我想要实现的是：

• 当您用鼠标滚轮滚动（向上或向下）每个内容块时，下面的链接（在页面底部）根据上面的内容处于活动状态。向前和向后。因此，基本上底部的文本链接将是粗体的，这取决于上面的活动内容
• 我也希望下面的文本链接链接到上面的相关内容。i、 e.项目3将打开项目3内容（带有内容动画）

首先，我尝试将每个ID作为内容块的目标。i、 e.id=“project-3”然后添加href=“#project-3”，但这显然不起作用。我还尝试了data target=“#project-3”。还是没有骰子

我试图在这里模仿这个精彩网站的底部导航：（因此，当你滚动浏览每个艺术家时，下面的链接会高亮显示+它们是可点击的

我在这里做了一个密码笔：

[Codepen](https://codepen.io/oioisaveloy/pen/eYzjGLr)    

提前道歉，我无法解决如何取消激活恼人的预加载程序

---

提前感谢！

使用Jquery非常简单

为每个“显示表”类指定一个唯一的数据id，并在“菜单项”的锚点中指定一个唯一的id

制作一个css类，它有一个突出显示的css，比如下划线

然后尝试jquery条件js，比如如果“display table class”的类“projects item active”，则将类添加到锚定id并从同级中删除

若有人点击了锚，那个么将类“projects-item-activeprojects-item-animate”添加到“display table”并从同级中删除

单击项目1项目2项目3并查看

潘补充道

[1]: https://codepen.io/mamun-rashid-raja/pen/zYBLRrp

---

你想突出显示当前的项目编号，对吗？仍然无法使其正常工作。如果有人可以提供帮助，但他们需要我提供更多信息或输入。让我知道。谢谢！很好。我会尝试一下。谢谢！我编辑了我的ans并添加了钢笔前三个链接正常工作（Y）看起来真的很好，谢谢。唯一的问题是，它打破了鼠标滚轮的滚动。也就是说，当使用鼠标滚轮时，内容会卡在“活动”内容上。因此它不会滚动到上一个项目或下一个项目。此外，我真的希望在鼠标滚轮滚动内容时，底部的链接可以更改/突出显示？如果有意义的话？因为当滚动功能被“项目项目动画”替换为“项目计数隐藏”时，您也必须将其应用于类“项目项目活动”我已经更新了画笔希望此帮助