autoscroll - 自動スクロール後にDIVの背景色を変更する

Question

ページ名の後にハッシュタグを使用して、1つのページのさまざまなdivにリンクするメニューがあります（つまり、my-page.html＃section1）。

ユーザーが選択したページの任意のセクションにスクロールした後、そのdivの背景色を簡単に変更する方法はありますか？

これは、ユーザーの目が選択したセクションにすぐに移動するようにするためです。これが発生しない場合がある理由は、画面スペース内に2つのセクションがあるためです。

ありがとう！

サム

Answer 1

解決

これをスタイルシートに追加するだけです。

:target {
    -webkit-animation: target-fade 3s 1;
    -moz-animation: target-fade 3s 1;
}
@-webkit-keyframes target-fade {
    0% { background-color: rgba(228,201,128,.3); }
    100% { background-color: rgba(228,201,128,0); }
}
@-moz-keyframes target-fade {
    0% { background-color: rgba(228,201,128,.3); }
    100% { background-color: rgba(228,201,128,0); }
}