【jQuery】シングルページでナビゲーションに現在地を表示する ｜ Tips Note by TAM

jQueryを使用して、シングルページでナビゲーションに現在地を表示するサンプルを作成しました。 デモページはこちらになります。 ■HTML ナビゲーション部分とコンテンツ部分のHTMLの抜粋です。 ページ内リンクで各コンテンツに遷移します。 <ul id="gnav"> <li><a href="#contents01">コンテンツA</a></li> <li><a href="#contents02">コンテンツB</a></li> <li><a href="#contents03">コンテンツC</a></li> <li><a href="#contents04">コンテンツD</a></li> </ul> ～略～ <div id="contents"> <div class="inner"> <div id="contents01"> <h2>コンテンツA</h2> コンテンツAの

[takahumi_nakano]

for (var i = 0; i < navLink.length; i++) { // コンテンツのIDを取得 var targetContents = navLink.eq(i).attr('href'); // ページ内リンクでないナビゲーションが含まれている場合は除外する if(targetContents.charAt(0) == '#') { // ページ上部からコンテンツ

[saito-kazuo]

“デモページはこちら”