标头活动类未正确设置

Question

在我website上点击其中一个导航栏链接时，它会转到html文档的正确区域，但它会在导航栏上显示错误的活动类。但是当你向下滚动一点点时，它会变成正确的颜色/类别。

我尝试在custom.js第45行将-40更改为-9，但它的工作正常，但标题现在略有中断。

我的github

Answer 1

原因在于您的网站，当您点击导航栏链接时，它不会完全滚动到该部分，因为导航栏高度。您已经使用了模板，因此根据他们编写页面滚动代码的方式，考虑到导航栏的高度，他们特意在该部分上方滚动了一点。为了避免这种情况

解决方案1 ​​

1 - 转到custom.js第45行。

2 - 将scrollTop: target.offset().top - 40的值增加到scrollTop: target.offset().top，或者可能更多，具体取决于您。

但是如果你这样做，那么该部分的标题将隐藏在导航栏后面。我在下面提出了另一种清洁解决方案。

解决方案2

您只需在每个部分添加margin-top: 80px;（统计信息，概述等）。