标头活动类设置不正确

Header active class isn't being set correctly

本文关键字：设置不正确活动更新时间：2023-09-26

在我的

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

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

我的 github

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

解决方案 1

1 - 转到您的custom.js行号 45。

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

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

解决方案 2

您可以简单地向每个部分添加margin-top: 80px;（统计信息，概述等）。