【完全版】 JavaScript で自動生成したページ内リンクでも、スクロールするjQueryコード

投稿日時:2014年8月22日 カテゴリー:JavaScript

JavaScript で自動生成したページ内リンクでも、スクロールするjQueryコードを記載します。

まずは、jQuery を読み込みます。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

さて、、、ここからが問題です。
問題はもう書くことがないこと。
以下のコードをコピペでOK。

$(function(){
	$(document).on('click','a[href^=#]',function(){
		var speed = 500;
		var href= $(this).attr("href");
		var target = $(href == "#" || href == "" ? 'html' : href);
		var position = target.offset().top;
		$("html, body").animate({scrollTop:position}, speed, "swing");
		return false;
	});
});

おわり。


コメントを残す