ページ内リンクを選択したときにアニメーションしながらスクロールする機能をスムーズスクロールというみたいです。スムーズスクロールの例がjQuery でページスクロール - daily dayflowerで紹介されていましたので、そちらを参考にして、ページ内リンクに対応したものを紹介いたします。 デモ スムーズスクロール サンプル ページの最後に、TOPと中間地点へのページ内リンクを設置しました。 ソースコード $(document).ready(function(){ $('a[href^=#]').click(function(){ var target; target = $( $(this).attr('href') ); if (target.length == 0) { return; } $('html, body').animate({scrollTop: target.off