ページ内リンクの移動をスルッとjqueryでスクロールさせる

ページ内リンクをさせるのに、スパット移動するのではなく、スルッと移動させたい時、jqueryが入っていれば簡単に出来ます。

[php]
<script type="text/javascript">
$(function(){
$("a[href^=#]").click(function(){
var Hash = $(this.hash);
var HashOffset = $(Hash).offset().top;
$("html,body").animate({
scrollTop: HashOffset
}, 1000);
return false;
});
});
</script>
[/php]

1000の部分はスピードなのでお好みで変更を。
これでリンクの設定に＃が使われているもの全てに有効になります。

may the force be with you…

テーマのカスタマイズ等のご相談/お問い合わせはこちら個人の方でもお気軽にご相談ください

2012/06/01

ページ内リンクの移動をスルッとjqueryでスクロールさせる

関連する記事