javascript - 一页有两个菜单，但是当滚动第二个菜单的区域时，它没有将菜单项显示为事件状态

Question

我使用 jQuery-One-Page-Nav 作为一页滚动菜单。在我的页面中， Logo 两侧有两个菜单。所以，我必须使用 jQuery-One-Page-Nav 两次。如果我单击任何菜单，它会滚动此区域并将当前页面的菜单按钮显示为事件状态。但是当我滚动到第二个菜单的任何区域时，该菜单中事件页面的菜单按钮没有被激活。

这里是 jQuery-One-Page-Nav 的链接:jQuery-One-Page-Nav .

Here, I have attached an image. Please click to view .

请给出这个问题的一些解决方案。

这是我的代码:

  /*ONE page menu one*/
        $('#nav').onePageNav({
          currentClass: 'current',
          scrollOffset: 75
        });

  /*ONE page menu two*/
        $('#mav').onePageNav({
           currentClass: 'current',
           scrollOffset: 75
        });

Answer 1

该页面不需要两个导航栏。你没有发布你的代码，但如果你使用 li 然后给左前三个 li 一个类标识符并给第二个右三个一个类标识符然后使用css 使用 float: left 和 float: right 定位它们。

如果您使用 Bootstrap ，那么您可以使用 navbar-left 和 navbar-right 类。