おぼえられないから

ただただ自分の覚え書きのためです。

個人的な覚書なので見ても役に立ちませんよ。

スクリプトだけで簡単に設置できる。

まずは<head></head>に外部スクリプトのリンクを貼る
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

その下に続けてスクリプトを書く
<script type="text/javascript">
$(function(){
$('a[href^=#]').click(function(){
var speed = 600;
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;
});
});
</script> 

たったこれだけでページ内のアンカーリンクのスクロールがスムーズになる。
唯一のカスタマイズが
var speed = 600;
小さい数字ほど早く動く

コメント

コメントフォーム
評価する
  • 1
  • 2
  • 3
  • 4
  • 5
  • リセット
  • 1
  • 2
  • 3
  • 4
  • 5
  • リセット