アンカーリンクをURLに残さないようにしたい

Question

ページ内リンクのアンカーリンクが、URLの最後に付かないようにしたいのですが、どうしても出来ません。
スムーススクロールも入っているのですが、そちらは出来ているので、スクリプトは読んでいると思うのですが、何が間違っているのでしょうか？htmlは少し省略しますが、下記のようなソースです。

### 該当のソースコード
$(function(){
  $('a[href^=#]').click(function() {
    var position = 0;
    var href= $(this).attr("href");
    if(href.indexOf('#') >= 0 && $(href).size() && href != '' && href != '#'){
      var target = $(href);
      try{
        position = target.offset().top;
      }catch(e){
      }
    }
    var scrollY = document.documentElement.scrollTop || document.body.scrollTop;
    var speed = Math.ceil(Math.pow(Math.abs((position - scrollY)), 0.7));
    if(speed){
      $('body, html').animate({scrollTop:position}, speed, 'swing');
    }
    return false;
  });
});

ソースコード(HTML)

<ul>
	<li><a href="#price">料金</a></li>
	<li><a href="#news">ニュース</a></li>
	<li><a href="#access">アクセス</a></li>
</ul>

<section id="price">～</section>
<section id="news">～</section>
<section id="access">～</section>

### 試したこと
・ネットで別のソースを探して置き換えてもどれもダメでした。
・jquery1.11.1と3.5.1を入れてみましたが、どちらでも関係ないようです。
・外部ファイルでも、htmlに記載してみてもダメです。

デバッグのやり方がわからないので、他のスクリプトを全部外してみたり、bodyやfooterの中に書いてみたり、ネット上のソースと見比べたりしてみましたが、どうにもわかりません。メニューが増えた時のことなども考えて、できればidを特に指定せず、アンカーリンクがあれば対応できる方がいいのですが…。

※追記
特に変更していないのですが、上記のソースで、デスクトップで、何故かできました。
が、別ページでも同じヘッダーを使うので、ページのパスとアンカーリンクで下記のようにすると、出来なくなってしまいました…。。。

```ここに言語を入力
<a href="ホームページのURL/index.html#price">

別ページからでも、アンカーリンクが残らないようにする方法がわかりません、、、
よろしくお願いいたします。

Comments

[m.ts10806]

>デバッグのやり方がわからないので
「JavaScript　デバッグ」とかで調べるのじゃなくて？
「なんのデバッグ」を想定されているのでしょうか？

[tk-tail]

変数の値が見られれば原因がわかるかと思い、chromeのデベロッパーツールを使う記事を見てブレークポイントを設定したりしてみたのですが、値が見られませんでした、、、
プログラムは少しは勉強しましたが初心者レベルなので、何か頓珍漢なことを言っていましたらすみません、、

[m.ts10806]

ブレイクポイントの話だけですか？
値見たいならconsole.log()など色々な機能がありますが。

[tk-tail]

すみません、console.log()の使い方がわかりません、、、
ブレイクポイントのやり方が合ってるかどうか自信ありませんが、return false;のところでブレイクポイントにして、Watchで target 、href 、＃ 、を見ると、全部　<not available>　になります。。。
var href= $(this).attr("href");　の　this は　window になります。