jQueryでページ内リンクの移動をスムーズにする | Webクリエイターのメモ帳よく見かけるアレです。ページ内リンクをクリックした時に瞬時に飛ぶのではなく、スクロールして指定されたところまで移動させる方法です。 瞬時に飛んでしまうと、ページ内のどの位置を見ているのか分からなくなってしまいますが、アニメーションで移動することで、自分が今だいたいどの位置にいるのかを把握できるようになります。 デモページ var zoomScroll = function() { /* ページ内スクロール */ var scTimer; $("a").click(function(){ // アンカーのhrefが#から始まっていれば if($(this).attr("href").match(/^#([a-zA-Z0-9_]+)?/)) { clearInterval(scTimer); // タイマーを一旦クリア // 対象の名前を取得 var t = $(this).attr("hr
