「MediaWiki:Mobile.js」の版間の差分

MediaWiki:Mobile.js (ソースを閲覧)

2024年1月15日 (月) 22:52時点における版

18 バイト追加、 2024年1月15日 (月)

編集の要約なし

管理人

ビューロクラット、インターフェース管理者、管理者

226

回編集

@@ 48行目: / 48行目: @@
 /* メニューバー */
-/*メニューバー*/
+// メニューバー
 var lastScrollTop = 0;
 var menuBar = document.getElementById("mobileMenuBar");
+var headerMenu = document.querySelector(".header-container.header-chrome"); // 本来のheadermenu
+// 初期状態でmobileMenuBarを非表示にする
+menuBar.style.display = 'none';
-window.addEventListener("scroll", function(){
+window.addEventListener("scroll", function() {
-   var currentScroll = window.pageYOffset || document.documentElement.scrollTop;
+    var currentScroll = window.pageYOffset || document.documentElement.scrollTop;
-   if (currentScroll > lastScrollTop){
+    // headerMenuが画面から消えたかどうかをチェック
-       // 下にスクロールしているとき
+    var headerMenuBottom = headerMenu.offsetTop + headerMenu.offsetHeight;
-       if (currentScroll > 100) {
+    var isHeaderMenuVisible = headerMenuBottom > currentScroll;
-       menuBar.style.display = 'block';
-       menuBar.style.position = 'fixed'; // スクロール時には固定
+    if (!isHeaderMenuVisible) {
-       menuBar.style.top = '0px';
+        // headerMenuが見えなくなったらmobileMenuBarを表示
-       }
+        menuBar.style.display = 'block';
-   } else {
+        menuBar.style.position = 'fixed';
-       // 上にスクロールしているとき
+        menuBar.style.top = '0px';
-       if (currentScroll <= 0) {
+    } else {
-           // ページの一番上にいるとき
+        // headerMenuが見える場合はmobileMenuBarを非表示
-           menuBar.style.display = 'none';
+        menuBar.style.display = 'none';
-       } else if (currentScroll > 100) {
+    }
-           menuBar.style.display = 'block';
-           menuBar.style.position = 'fixed'; // スクロール時には固定
+    lastScrollTop = currentScroll <= 0 ? 0 : currentScroll;
-           menuBar.style.top = '0px';
-       }
-   }
-   lastScrollTop = currentScroll <= 0 ? 0 : currentScroll; // ネガティブな値を防ぐ
 }, false);
-// TOPへ