通过：target或jquery突出显示活动锚点href

Question

在此页面上＆gt; http://clickbump.com/65/

当您单击“本文”功能目录中的一个链接时，它会自动将内容滚动到视图中，并使用一个小的jquery将toc小部件移动到当前锚点附近。

理想情况下，我会使用：target属性来突出显示toc小部件中当前活动的部分。但是，我已经将它用于锚点了。

jQuery可以这样做吗？

Answer 1

当有人轻易点击链接时，您可以添加课程

$('.cb-toc li').click(function() {
    $(this).addClass('active').siblings('li').removeClass('active');
});

以上是a working .jsfiddle

Answer 2

由于您似乎将文档中的TOC物理移动到锚点下方的位置，因此您可以使用纯CSS执行此操作：

#bookmark2:target + .cb-toc a[href="#bookmark2"] {
  color: #444;
}

这个问题当然是你必须为每个锚/链接对添加一个选择器，因为你已经在使用jQuery来操作TOC的位置，所以坚持使用jQuery会更好更清洁Jon Harding提出的解决方案。