window.addEventListener(‘scroll’, function () {
const pageTop = document.querySelector(‘.pagetop’);
if (window.scrollY > 500) {
pageTop.style.display = ‘block’;
pageTop.style.opacity = ‘1’;
pageTop.style.transition = ‘opacity 0.3s’;
} else {
pageTop.style.opacity = ‘0’;
setTimeout(() => {
if (window.scrollY <= 500) { // 再確認してスクロール位置が500以下の場合
pageTop.style.display = 'none';
}
}, 300); // アニメーション終了後に非表示
}
});
// ページトップへのスムーズスクロール
document.querySelector('.pagetop').addEventListener('click', function (event) {
event.preventDefault(); // デフォルトのクリック動作を無効化
window.scrollTo({
top: 0,
behavior: 'smooth' // スムーズスクロールを指定
});
});
