ページ内にリンクがあるアンカータグをクリックしたときのページの再読み込みを防止するにはどうすればよいですか？

：私は <HEAD>に別のアンカータグを挿入するページの上部に

<a href="#top" class="footer__top">Back to top</a>

<a id="#top"></a>

フッターのアンカーリンクをクリックすると、意図したとおりにスクロールアップするページが発生しますが、単純にページを更新せずに（HTMLを使用して）トップにスクロールする方法はありますか？

検索結果が表示されているため、ページが更新されると結果が失われます。

Javascriptを使用して解決策を見つけました（下記を参照してページを更新せずに一番上にスクロールします）が、これは私にとっては他の問題を引き起こします（検索入力フィールドがフリーズしてユーザーはさらに用語を入力できません） HTMLを使用して解決策があるのかどうか：

$("a[href='#top']").click(function() { 
     $("html, body").animate({ scrollTop: 0 }, "fast"); 
     return false; 
    });

2017-08-03 orlando21

idへの単純なアンカーリンクによってページがリフレッシュされることはありません。それがなければあなたが示していないことが他にもあるはずです。あなたはまた、IDだけのアンカーであるHTMLだけで何が達成できるのか疲れた。 –

私は、ページ内でリンクしているアンカータグをクリックすると、ページがリフレッシュされるという、どこか（あるいは私が読んだと思う）読みました。しかし、そうでないと言うなら、私はこれをさらに調べなければならないでしょう。 – orlando21

ページの一番上までスクロールしたい場合は（あなたのdivが上にある）あなたはこれを達成するためにJavaScriptの構文の下に使用することができます。

2017-08-03 16:47:23 Hiral

答えて