javascript - 如果当前存在，如何更改内部链接的样式

Question

我正在尝试为我希望的超长页面创建一个导航菜单。我正在使用内部链接，以便从一个或另一个部分轻松获取，但该页面旨在让用户在一次 session 中上下滚动页面相当多。我发现内部链接不足以根据用户在页面上的位置来定位用户，因此我在单击内部链接时添加了平滑滚动。这对一些人有所帮助，但如果您目前在它旁边，我很乐意更改内部链接的样式。

例如，我们在下面有五个链接。用户从与链接 A 对应的部分开始，因此它是粗体。当他们进一步向下滚动时，他们会到达与链接 B 对应的部分，因此它现在是粗体。如果他们跳转到与链接 E 对应的部分，它会变成粗体，如果他们跳转到链接 C，也是一样。

~

第 1 步......................第 2 步...................... .第 3 步................................第 4 步

链接A .....................链接A......链接A...... ............链接A

链接B......................链接B......链接B...... ............链接B

链接C......................链接C......................链接C...... ....链接C

链接D......................链接D......................链接D...... ....链接D

链接E......................链接E......................链接E.... ............链接E

~

有什么办法可以实现吗？

Answer 1

您可能会使用“悬停”事件，假设用户的指针将越过您的内容链接到 A、B、C 的 div，...

但这并不是在所有情况下都有效...您还可以计算用户向下滚动了多少，然后确定他在页面中的位置。

这不是一件容易的事。