JS
Topへ戻るボタン実装時のURL#付与を防ぎたい
右下固定のTOPへ戻るボタンを簡易実装後、クリックした時に
URLに#がつき、その後の動作(ページ内リンクやポップアップなど)に支障をきたすことがある。
その場合は対象を定数で受け取っておき、以下のようなクリックイベントを書く。
var scrollTop = document.getElementById("pagetop");
scrollTop.addEventListener('click', e => {
e.preventDefault();
window.scrollTo({
top:0,
})
})
で、URL末尾に#はつかなくなる。
更にスルスルアニメーションさせたい場合は
top:0の並びにbehavior:’smooth’を追加してやることで可能。