はっきりさせておきますが、リンクをクリックすると同じページのコンテンツにジャンプするメニューがあります。つまり、コンテンツに固定する単なるリンクです。リンクをクリックした後、コンテンツの h1 タグの色を変更できますか?
別の解決方法も考えましたが、よくわかりません。ページを下にスクロールするときの位置に応じて、H1 タグの色を変更できますか?
乾杯!
単純:
h1:target {color: red;}
CSS3:target疑似セレクターは必要な処理を実行しますが、ブラウザーのサポートが問題になる場合は、次のように実行できます。
jQuery
$('nav li a').click(function (e) {
var targ = $(this).attr('href');
$('html, body').scrollTop($("'" + targ + "'").offset());
$("'" + targ + "'").css('color','red');
e.preventDefault();
});
HTML:
<nav>
<ul>
<li><a href="#someElement">Click here!</a></li>
</ul>
</nav>
はい、CSS で :target 擬似セレクターを使用できます。
現在のブラウザの互換性については、こちらを参照してください: http://www.quirksmode.org/css/contents.html