東京の会社辞めて地方で生きるわ。

勢いで会社を辞めて縁のない地方で生きることはできるのか

【jQuery】ページ内スクロール

<!-- jQuery.jsの読み込み -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<!-- スムーズスクロール部分の記述 -->
<script>
$(function(){
   // スクロールのオフセット値
  var offsetY = -10;
  // スクロールにかかる時間
  var time = 500;

  // ページ内リンクのみを取得
  $('a[href^=#]').click(function() {
    // 移動先となる要素を取得
    var target = $(this.hash);
    if (!target.length) return ;
    // 移動先となる値
    var targetY = target.offset().top+offsetY;
    // スクロールアニメーション
    $('html,body').animate({scrollTop: targetY}, time, 'swing');
    // ハッシュ書き換えとく
    window.history.pushState(null, null, this.hash);
    // デフォルトの処理はキャンセル
    return false;
  });
});
</script>

また、スティッキーヘッダーのサイトの場合はスクロール先のcssを調整

#selector {
  margin-top: -50px; /* 固定ナビの高さ分のネガティブマージン */
  padding-top: 50px; /* 打ち消し用のパディング */
}


【参考URL】

http://phiary.me/jquery-page-link-smooth-scroll/

http://liginc.co.jp/web/js/jquery/80140



jquery2系を使うときはこれ!!!!!!!!!!!!!!!!!!!!!!!!!!

http://blog.dododori.com/create/program/jquery2-link/