Fullpage.jsによるナビゲーションの問題アクティブ状態が表示されない

Question

fullpage.jsを使用しているウェブサイトで作業しています。カスタムメニューの使用。すべてのナビゲーションは正常に動作していますが、アクティブな状態は表示されません。私は解決策を探していましたが、私が見つけることができるのは、fullpage.jsのメニューオプションを使用してカスタムメニューを使用する方法でした。

私はクエリとjsですばらしいとは言えません。

これはサイトへのリンクです。 http://development.darktown.ch

Answer 1

あなたdata-menuanchor属性の値がfullpage.jsの初期化中anchors値と一致する必要があります。

anchors: ['home', 'about', 'locations', 'contact'], 

を今あなたにはありません：

<ul id="menu" class="menu"> 
    <li data-menuanchor="section0"><a href="#home">home</a></li> 
    <li data-menuanchor="section1"><a href="#about">uber Dark Town</a></li> 
    <li data-menuanchor="section2"><a href="#locations">standorte</a></li> 
    <li data-menuanchor="section3"><a href="#contact">contact</a></li> 
</ul> 

ドキュメントに詳述されているように：

メニューの要素をSectiにリンクするにはセクション内で使用されているのと同じアンカーリンクで使用するには、HTML 5データタグ（データメニューアンカー）が必要になります。例：