226
回編集
編集の要約なし タグ: 手動差し戻し 差し戻し済み モバイル編集 モバイルウェブ編集 |
編集の要約なし タグ: 差し戻し済み モバイル編集 モバイルウェブ編集 |
||
48行目: | 48行目: | ||
/*メニューバー*/ | /*メニューバー*/ | ||
var lastScrollTop = 0; | document.addEventListener("DOMContentLoaded", function() { | ||
var | var lastScrollTop = 0; // 最後のスクロール位置を保持する変数 | ||
var mobileMenuBar = document.getElementById('mobileMenuBar'); // mobileMenuBar要素を取得 | |||
window.addEventListener("scroll", function() { | |||
window.addEventListener("scroll", function(){ | var currentScroll = window.pageYOffset || document.documentElement.scrollTop; | ||
if (currentScroll > lastScrollTop) { | |||
// 下にスクロールした時、mobileMenuBarを表示 | |||
mobileMenuBar.style.display = 'block'; | |||
} else { | |||
// 上にスクロールした時、mobileMenuBarを非表示にする | |||
// ただし、ページの最上部にいる場合は表示しない | |||
if (currentScroll <= 0) { | |||
mobileMenuBar.style.display = 'none'; | |||
} | |||
} | |||
lastScrollTop = currentScroll <= 0 ? 0 : currentScroll; // 負の値を防ぐ | |||
}, false); | |||
}); | |||
}, false); | |||