スムースにスクロールするページ内リンク
ページ内でリンクを飛ばす際のスムーススクロールを実現するための設定です。
以下のコードを管理メニュー→設定→ヘッダの編集(もしくはページ内のウィジェット／HTML)に書いてやります。
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
</script>
<script type="text/javascript">
//<![CDATA[
jQuery.noConflict();
(function($){
$(function() {
$('a[href^=#]').click(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;
});
});
})(jQuery);
//]]>
</script>
スムーススクロールテスト用に文章を長くしています。
スムーススクロールテスト用に文章を長くしています。
スムーススクロールテスト用に文章を長くしています。
スムーススクロールテスト用に文章を長くしています。
スムーススクロールテスト用に文章を長くしています。
スムーススクロールテスト用に文章を長くしています。
スムーススクロールテスト用に文章を長くしています。
スムーススクロールテスト用に文章を長くしています。
スムーススクロールテスト用に文章を長くしています。
スムーススクロールテスト用に文章を長くしています。
スムーススクロールテスト用に文章を長くしています。
スムーススクロールテスト用に文章を長くしています。
スムーススクロールテスト用に文章を長くしています。
スムーススクロールテスト用に文章を長くしています。
スムーススクロールテスト用に文章を長くしています。
スムーススクロールテスト用に文章を長くしています。
スムーススクロールテスト用に文章を長くしています。
スムーススクロールテスト用に文章を長くしています。
スムーススクロールテスト用に文章を長くしています。
スムーススクロールテスト用に文章を長くしています。
スムーススクロールテスト用に文章を長くしています。
スムーススクロールテスト用に文章を長くしています。
スムーススクロールテスト用に文章を長くしています。
スムーススクロールテスト用に文章を長くしています。
スムーススクロールテスト用に文章を長くしています。
スムーススクロールテスト用に文章を長くしています。
スムーススクロールテスト用に文章を長くしています。
スムーススクロールテスト用に文章を長くしています。
スムーススクロールテスト用に文章を長くしています。
スムーススクロールテスト用に文章を長くしています。
スムーススクロールテスト用に文章を長くしています。
スムーススクロールテスト用に文章を長くしています。
スムーススクロールテスト用に文章を長くしています。
スムーススクロールテスト用に文章を長くしています。
スムーススクロールテスト用に文章を長くしています。
スムーススクロールテスト用に文章を長くしています。
スムーススクロールテスト用に文章を長くしています。
スムーススクロールテスト用に文章を長くしています。
スムーススクロールテスト用に文章を長くしています。
スムーススクロールテスト用に文章を長くしています。
スムーススクロールテスト用に文章を長くしています。
スムーススクロールテスト用に文章を長くしています。
スムーススクロールテスト用に文章を長くしています。
スムーススクロールテスト用に文章を長くしています。
スムーススクロールテスト用に文章を長くしています。
スムーススクロールテスト用に文章を長くしています。
スムーススクロールテスト用に文章を長くしています。
スムーススクロールテスト用に文章を長くしています。
スムーススクロールテスト用に文章を長くしています。
スムーススクロールテスト用に文章を長くしています。