他のページからのページ内リンクが、一度戻って、該当箇所に止まる

Question

前提・実現したいこと

Aというページから、Bというページにあるページ内リンクに、ずれることなくリンクを飛ばすために、
jQueryを使って、下記のソースを利用しました。
ページのヘッダーにPCは130px、スマホ版は60pxの固定ヘッダーがあります。

発生している問題・エラーメッセージ

リンク自体はうまくいったのですが、リンクの際に、一度下にズズズ…と落ちた上で
上にスクロールして止まるため、これを落ちること無く普通にリンクをさせたいのですが、
うまく行かずに困っております。

現象としては、下記のサイトの動画にあるような現象です。
https://haniwaman.com/page-link-position/

エラーメッセージ

該当のソースコード

<script>
$(window).on('load', function() {
var url = $(location).attr('href');
if(url.indexOf("#") != -1){
var anchor = url.split("#");
var target = $('#' + anchor[anchor.length - 1]);
if(target.length){
var pos = Math.floor(target.offset().top) - 130;
$("html, body").animate({scrollTop:pos}, 'swing');
}
}
});
</script>
<script>
if ($(window).width() < 784)
$(window).on('load', function() {
var url = $(location).attr('href');
if(url.indexOf("#") != -1){
var anchor = url.split("#");
var target = $('#' + anchor[anchor.length - 1]);
if(target.length){
var pos = Math.floor(target.offset().top) - 60;
$("html, body").animate({scrollTop:pos}, 'swing');
}
}
});
</script>

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

あまりきれいな解決法ではないですが、

<div id="test" class="dummy"></div>

↑みたいなものをページの先頭に置いておいて、

$(window).on('load', function() {
  $('.dummy').remove();

↑のように、ページロード後、アンカージャンプした後に削除してしまう、というのはどうでしょうか？

文法的に誤っているのが気になりますが……