グラビカ学習帳～四谷のホームページ制作会社 gravity works（グラビティ・ワークス）備忘録と知識の共有と蓄積

アンカーリンクを使って特定のIDまでスクロールさせるのは簡単に出来ますが、
この場合、リンク元で指定しなければなりません。

リンク元で指定できない場合でも、アクセス時に自動で移動する必要があり探しました。
検索では「window.scrollTo」などがよく出てきますが、
数値で指定するため移動させたい位置の上にテキストなどがあると使用できません。

なんとかCLASSやIDで指定できないか探して見つけました。
すごく簡単で使いやすいです。
下記の記事を参考にしています。
>リンク先ページの指定位置にスクロールで移動

---------------

<script type="text/javascript">
$(function() {
    var n = window.location.href.slice(window.location.href.indexOf('?') + 4);
    var p = $("移動させたいIDまたはCLASS").offset().top;
    $('html,body').animate({ scrollTop: p }, 'slow');
    return false;
});
</script>

---------------

青字部分を移動させたい位置のIDまたはCLASSを指定すれば完了です。