自分のためのメモ

Topへ戻るボタン実装時のURL#付与を防ぎたい

右下固定のTOPへ戻るボタンを簡易実装後、クリックした時に
URLに#がつき、その後の動作(ページ内リンクやポップアップなど)に支障をきたすことがある。
その場合は対象を定数で受け取っておき、以下のようなクリックイベントを書く。

var scrollTop = document.getElementById("pagetop");

scrollTop.addEventListener('click', e => {
 e.preventDefault();
 
	window.scrollTo({
		top:0,
	})

})

で、URL末尾に#はつかなくなる。

更にスルスルアニメーションさせたい場合は
top:0の並びにbehavior:’smooth’を追加してやることで可能。