226
回編集
編集の要約なし タグ: 差し戻し済み モバイル編集 モバイルウェブ編集 |
編集の要約なし タグ: 差し戻し済み モバイル編集 モバイルウェブ編集 |
||
49行目: | 49行目: | ||
/*メニューバー*/ | /*メニューバー*/ | ||
document.addEventListener("DOMContentLoaded", function() { | document.addEventListener("DOMContentLoaded", function() { | ||
// 初期状態ではmobileMenuBarを非表示に設定 | |||
var mobileMenuBar = document.getElementById('mobileMenuBar'); | var mobileMenuBar = document.getElementById('mobileMenuBar'); | ||
mobileMenuBar.style.display = 'none'; | |||
window.addEventListener( | // スクロールイベントリスナー | ||
var | window.addEventListener('scroll', function() { | ||
if ( | // ページの最上部からのスクロール距離を取得 | ||
// | var scrollDistance = window.scrollY; | ||
if (scrollDistance > 100) { | |||
// 100px以上スクロールした場合、mobileMenuBarを表示 | |||
mobileMenuBar.style.display = 'block'; | mobileMenuBar.style.display = 'block'; | ||
} else { | } else { | ||
// | // 100px未満に戻った場合、mobileMenuBarを非表示 | ||
mobileMenuBar.style.display = 'none'; | |||
} | } | ||
}); | |||
} | |||
}); | }); |