memo:jQueryでさくっとページ内のスムーススクロール

JS

http://d.hatena.ne.jp/dayflower/20081007/1223358033
を参考に自分用にメモ

<div>
<a class="linkinner" href="#d0">トップへ</a><br/>
<a class="linkinner" href="#d1">#d1へ</a><br/>
<a class="linkinner" href="#d2">#d2へ</a><br/>
<a class="linkinner" href="#d3">#d3へ</a><br/>
<a class="linkinner" href="#d4">#d4へ</a><br/>
<a class="linkinner" href="#d5">#d5へ</a><br/>
</div>
<script>
$(function () {
    if (! $.browser.safari) {
        $('.linkinner').click(function () {
            $(this).blur();
            $('html,body').animate({ scrollTop: $($(this).attr("href")).offset().top },300,'swing');
            return false;
        });
    }
});
</script>

ページ内のスクロールはココでは"linkinner"classのものだとする。
$(.linkinner)にクリックイベントを登録する。
"href"属性からjqueryオブジェクトをつくって文書トップからの位置を取得してanimageメソッドに渡しています。
easingはswingで充分。
linkinnnerさえ書いとけば自動でイベント登録してくれるので便利と言えば便利っぽい。