WordPressテーマTCDのカスタマイズを研究するサイト

TCDテーマOOPS!:スムーズスクロールがうまく動作しない場合の対処方法

Q.トップページのスムーズスクロールが動きません。

A.下記をご確認ください。

1. カスタムリンクのURL設定内容をご確認ください。

外観>メニューで、カスタムリンクのURLを「サイト名/#cb_●」ではなく、「#cb_●」のみの記載としてください。

▼設定箇所(赤:NG 緑:OK)
修正箇所イメージ

2. テーマオプションの設定をご確認ください。

外観>TCDテーマオプション>基本設定のロード画面の設定で、
「ロード画面を表示する」のチェックが入っている場合は外していただき、表示をご確認ください。
(基本的には、チェックの有無に関わらずスムーズスクロールが動作します。)

3. テーマファイルに記述を追加ください。

編集するファイル:header.php
編集する箇所:27行目付近の/head前に、下記の記述を追加してください。

<script>
jQuery(function(){
   jQuery('a[href^="#"]').click(function() {
      var speed = 800;
      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>

補足1 )var speed = 800; スクロール速度ミリ秒の数値は変更頂けます。
補足2 )基本的には、上記の追加記述を頂かなくとも当テーマではページ内リンクにスムーズスクロールが適用されます。

The following two tabs change content below.

RM

一年中麦茶を飲んでいます。

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施していただきますようお願いいたします。

カスタマイズの実施により生じたいかなる不具合等についてもTCD LABOはその責任を負いかねます。
何卒ご理解、ご了承の上、当サイトをご活用いただけますようお願い申し上げます。

お問合せ・ご要望

TCDLaboへのお問合せやご要望は
ご連絡フォーム をご利用ください。