jquery - jQuery Smooth Scroll 現在/アクティブ

Question

1 ページの Web サイトで jQuery Smooth Scroll を使用しています。各「パネル」には右上にナビゲーションがあります。ユーザーが「パネル」を変更するたびに、ナビゲーションでその選択を強調表示して、現在選択されている「パネル」を表示したいと思います。それを行うために、プラグインにすでに組み込まれているやや簡単な方法はありますか? ありがとう！

jQuery スムーズ スクロール Web サイト

Answer 1

各ナビゲーションボタンが同じクラス（など.navbutton）を共有しているが、IDが異なる（#nav1、、#nav2など）と仮定すると#nav3、cssに新しいクラスを作成できます（これを.selected）と呼びます。

.selected {
    background: red;
}

次に、スクロールを実行するコードを実行するときに、次のことも実行します。

$(".navbutton").each(function(){ $(this).removeClass('selected'); }); // remove selected from all Nav Buttons
$("#nav1").addClass('selected'); // Add class to single Nav Button (assuming nav1 was clicked)