突出显示菜单上的错误

时间:2015-01-28 18:26:25

标签: javascript jquery html css

首先,我很抱歉不在这里发布我的代码。

我不确定这是一个好主意,因为这是一个完整的项目。 您可以找到an online-version here

我的菜单贴在上方。 当用户滚动或选择一个部分时,菜单中将突出显示正确的部分。但是如果你点击一个部分,然后向下/向上滚动,将突出显示2个菜单部分。

所以我想了解问题的位置,以及如何解决问题。

1 个答案:

答案 0 :(得分:0)

这是因为2个原因1是css问题而其他原因是js

  1. CSS问题的发生是因为:focus您使用的伪类样式。您应用:hover,:focus,:active和.active类相同的样式。在你的代码中我发现了这个

    a,a:hover,a:focus,a:active,a.active { 颜色:#f5c845; outline:0 none;}

  2. 在上面的代码片段

    之后解决这个问题
    .navbar-default .navbar-nav > li > a:focus{
    color: #777;
    border-bottom: none;}
    
    1. 要检查您的js问题,请分享您的相关js部分以进行单页滚动。