JS:アンカーリンクを使わず指定位置までスクロール
2012.04.04
アンカーリンクを使って特定の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を指定すれば完了です。

| コメント(0)

コメントする

※JavaScriptが有効になっている必要があります




月別アーカイブ