javascript - JavaScriptアンカースクロールをアニメーション化しながらURL名を編集するには?

Question

この保留ページ (www.michaelhigginson.com) は、もともと JavaScript を使用せずに作成したものです。アンカー タグのスクロールをアニメーション化する JavaScript を追加しました。

私の問題は、特定のアンカー リンクを押したときに #anchor_name が URL バーに表示されなくなったことです。また、www.michaelhigginson.com/#print などのリンクを送信してページをロードし、ページ上のそのポイントまでスクロールする機能も必要です。おそらく、誰かが手動でスクロールしている場合にそのアンカーに到達したときに #anchor_name を変更する方法があります。

これが理にかなっていることを願っています。私は 8 日前に HTML、CSS、JavaScript を学び始めたばかりなので、JavaScript の理解はまだかなり基本的なものです。

これは、私がこれまでに持っていたものの簡略化されたバージョンです。 http://jsfiddle.net/rVHz7/

HTML

    <div id="content" >
    <a class="anchor" id="about" name="about"><h2>about</h2></a>
    <p>scroll down for button</p>
    </div>

    <footer>
      <ul>  
        <li><a id="abouta" href="#about">about<span class="vline">&#124;</span></a></li>
      </ul>
     </footer>

CSS

    #content {
       width:455px;
       margin:0px auto 1000px auto;
       font-family: Tahoma, Geneva, sans-serif;
       font-size:14px;
       color:#333;
       }

     h2 {
       text-transform:uppercase;
       font-weight:normal;
       font-size:15px;
       padding-top:275px;
       margin:0;
       }

     p {
       padding:0 0 1000px 0;
       } 

JavaScript

    $(function () {
        $("#abouta").on("click", function () {
            $("html, body").animate({
                scrollTop: $("#about").offset().top
            }, 1200);
            return false;
        });
    });

ありがとう。