URLにクエリパラメータを追加したらページ内リンクが効かなかった

Invalid argument supplied for foreach()でWarningエラーが出たので出ないようにした javascript

ページ読み込み時に指定箇所へスクロールするためにアンカーリンクを設定していました。
url/dirctory/#anchor1
アンカーリンクのみだとページ読み込み時に指定箇所へスクロールします。

ここにクエリパラメータを追加すると
url/dirctory/#anchor1?utm_source=campaign1
アンカーリンクが効かなくなり、指定箇所へスクロールしませんでした。

解決

アンカーリンクとクエリパラメータの順番を入れ替える。
url/dirctory/?utm_source=campaign1#anchor1

クエリパラメータの後にアンカーリンクを記述すれば、ちゃんと指定箇所へスクロールしてくれました。

コメント

タイトルとURLをコピーしました