ページを開いたらすぐに指定のページ内リンクにスクロールさせる

2012-08-08

ページを開いた直後に指定のページ内リンクまでスムーズにスクロールさせるという技。jqueryを使用しています。下記のコードは#sampleの部分まで移動させるという場合のものです。任意で変更してください。

<script>
$(function() {
    var p = $("#sample").offset().top;
    $('html,body').animate({ scrollTop: p }, 'slow');
    return false;
});
</script>
※var p = ~~とありますが、このpはHTMLタグのpとは関係ありません。ただの変数名です。

この記事がお役に立てましたら是非シェアのご協力お願いします。