Chrome・Microsoft Edgeでアンカーが効かない時の対処方法

保守を受けているお客様のHPでメニューが飛ばない、ボタンリンクが飛ばないので修正してほしいという依頼がありました。

調べるとHPはランディングページタイプでリンク先はアンカーで設定されており、https://〇〇〇.com/#recruit　などとなっていました。

IEでは飛んでいたのにEdgeになったら飛ばない、Chromeもいつからか飛ばなくなった・・・という方多いのではないでしょうか。

理由にはいくつかありますが、idやnameの設定方法が間違っている、重複している、#の書き方が違うなどなどさまざまな事を試されてもダメな方も少なくないはず。私も苦戦しました。

今回はもう理由を探っている時間が無い、とりあえず直さなくてはいけないので色々やった結果、プラグインを使って解決しました！

そのプラグインは

「Easy Smooth Scroll Links」

jQuery内やfunction.phpの中の何かがおかしくなっているであろうとは考えていたけれどそれを見つける時間が無いので試しに入れてみたらすんなり直りました。

エラーの根本解決とはなりませんが動きは解決！ということで、お困りの方はぜひお試しください。