「TCD AWARD 2023」受賞サイトを発表しました。

ワードプレステーマ別

TCDテーマCURE:スマホ時でもアンカーリンクを動かす方法

Q.質問内容

PCのグローバルメニューは同一ページへ遷移できますが、スマホのハンバーガーメニューからだと遷移できません。

Q.質問内容

TOPページをモバイル表示にした時にグローバルメニューのページ内リンクが上手く動作しません。

▼スマホのハンバーガーメニュー

A.固定化処理を無効化するには、下記の方法でカスタマイズしてください。

背景に隠れるWebページ本体を固定する仕組みのため、アンカーリンクをクリックしても遷移いたしません。

こちらの固定化処理を無効化するには、カスタマイズが必要となります。
※ 行の先頭に//を付けるとコメントアウトされます。

編集するファイル: jscript.js (js/jscript.js)
編集する箇所:329~331行目付近

// fix position for ios
var topPosition = $window.scrollTop();
$('body').css({'position':'fixed','top': - topPosition});

// fix position for ios
var topPosition = $window.scrollTop();
// $('body').css({'position':'fixed','top': - topPosition});

編集する箇所:337~339行目付近

// clear fix position for ios
$('body').css({'position':'','top': ''});
$window.scrollTop(topPosition);

// clear fix position for ios
// $('body').css({'position':'','top': ''});
// $window.scrollTop(topPosition);

変更されない場合
変更前の情報が残っていると、変更が反映されない場合があります。
再度サーバーからファイルを取得しなおし読み込む機能のスーパーリロードをお試しください。
スーパーリロードの方法はブラウザによって若干違いますが
Windowsの場合「Ctrl + F5」
Macの場合は「Command + R」です。

また、弊社テーマの機能が影響している可能性もございます。
【TCDテーマオプション】 > 【高速化】 > 「最適化」
こちらのチェックを外してください。

プラグインをご利用のお客様は、キャッシュクリアの機能やプラグインの停止をお試しください。

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事