javascript - Webページのアンカーリンク。ユーザーがどのアンカーにいるかに関する表示を表示します

Question

異なるdiv（セクション）を持つ単一ページのWebサイトがあり、上部にヘッダーがあり、ページ上の異なるアンカー（div）を指す異なるリンクがある場合、またはもちろんスクロールします。ユーザーが現在使用しているアンカーを表す小さなインジケーターをリンクに表示するにはどうすればよいですか。例はこのWebサイトです。

Answer 1

:hoverCSSセレクター（http://www.w3.org/TR/CSS2/selector.html#dynamic-pseudo-classes ）を使用します。titleリンクの属性を使用してツールチップを作成することもできます。

アップデート：

あなたのコメントから、リンク先のウェブサイトの右下にある「ページインジケーター」を参照していると思います。

これを模倣するには、アクティブなdivを変更するときにターゲットインジケーターのCSSを変更するだけです。簡単な例を次に示します。http：//jsfiddle.net/N39Gf/1/

jQueryまたは同様のライブラリの使用を検討する場合は、この効果を模倣するために必要なクラススイッチやその他の多くの操作と同様に、アニメーションが非常に単純になります。