突出显示菜单上的错误

Bugs on highlighted menu

本文关键字：错误 菜单 显示      更新时间：2023-09-26

首先，我很抱歉没有在这里发布我的代码。

我不确定这是一个好主意，因为这是一个完整的项目。您可以在此处找到在线版本

我的菜单是粘在顶部。当用户滚动或选择某个部分时，菜单中将突出显示正确的部分。但是，如果您单击某个部分，然后向下/向上滚动，则会突出显示 2 个菜单部分。

所以我想了解问题出在哪里，因此，我该如何解决它.

发生这种情况是因为 2 个原因 1 是 css 问题，另一个是 js

  1. CSS 问题的发生是由于您使用的 ：focus 伪类样式。您可以应用 ：hover、：focus、：active 和 .active 类相同的样式。在您的代码中，我发现了这个

    a， a：悬停， a：

    focus， a：active， a.active {颜色： #f5c845;大纲：0 无;}

为了解决这个问题，在上述代码片段之后使用以下样式

.navbar-default .navbar-nav > li > a:focus{
color: #777;
border-bottom: none;}
  1. 要检查您的 js 问题，您能否分享您的相关 js 部分以进行一页滚动。
相关文章：