一個頁面有兩個菜單，但是當滾動第二個菜單的區域時，它不顯示菜單項目爲活動

Question

我使用jQuery-One-Page-Nav作爲單頁滾動菜單。在我的頁面中，徽標兩側有兩個菜單。所以，我必須使用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分類標識，並給第二個右邊三個分類標識，然後使用來定位它們，使用float: left和float: right。

如果您使用引導程序，那麼您可以使用navbar-left和navbar-right類。