*

スムーズスクロール

公開日: : JavaScript, WordPress

single.php の<?php wp_head(); ?>の後ろに挿入した

<script>
//スムーズスクロール
jQuery(function(){
   // #で始まるアンカーをクリックした場合に処理
   jQuery('a[href^=#]').click(function() {
	  // スクロールの速度
	  var speed = 400; // ミリ秒
	  // アンカーの値取得
	  var href= jQuery(this).attr("href");
	  // 移動先を取得
	  var target = jQuery(href == "#" || href == "" ? 'html' : href);
	  // 移動先を数値で取得
	  var position = target.offset().top;
	  // スムーススクロール
	  jQuery('body,html').animate({scrollTop:position}, speed, 'swing');
	  return false;
   });
});
</script>
参考ページ

http://kyasper.com/jquery-tips/

admax_area



関連記事

no image

ルートディレクトリにWordPress移動する

以下URL WordPress を専用ディレクトリに配置する の「既存のサブディレクトリ

記事を読む

no image

変更履歴

13/12/01 テーマをstinger3ver20131023へ変更 サイドのところ変

記事を読む

no image

引用文装飾

Sub tmp_002() Dim objIE As Object Dim obj As O

記事を読む

no image

テーブル / コード

自動テーブル化場所 http://www.tagindex.com/tool/excel_simp

記事を読む

no image

見出し装飾

1-2-1 システムが起動するまでの流れ <h2 class="demo">1-2-1

記事を読む

admax_area



Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

admax_area



PAGE TOP ↑