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

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

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

202 バイト除去、 2024年1月15日 (月)

編集の要約なし

管理人

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

226

回編集

@@ 27行目: / 27行目: @@
 });
 //Menu
-/*mobilemenu*/
-function isMobileDevice() {
-    const userAgent = navigator.userAgent;
-    const screenWidth = window.innerWidth;
-    // モバイルデバイスのユーザーエージェントをチェック（iPadを除外）
-    const isMobileUA = /Android|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(userAgent) && !/iPad/i.test(userAgent);
-    // 画面サイズが特定の最大幅（例えば768px）以下かどうかをチェック
-    const isSmallScreen = screenWidth <= 768;
-    // 両方の条件を満たす場合にtrueを返す
-    return isMobileUA && isSmallScreen;
-}
-window.onload = function() {
-    if (isMobileDevice()) {
-        document.getElementById('mobileMenuBar').style.display = 'block';
-    }
-};
 /*メニューバー*/
@@ 55行目: / 36行目: @@
      // スクロールイベントリスナー
      window.addEventListener('scroll', function() {
-         // ページの最上部からのスクロール距離を取得
+         // モバイルデバイスでの表示をチェック（例：幅が768px以下）
-        var scrollDistance = window.scrollY;
+        if (window.innerWidth <= 768) {
+            // ページの最上部からのスクロール距離を取得
+            var scrollDistance = window.scrollY;
-        if (scrollDistance > 100) {
+            if (scrollDistance > 100) {
-            // 100px以上スクロールした場合、mobileMenuBarを表示
+                // 100px以上スクロールした場合、mobileMenuBarを表示
-             mobileMenuBar.style.display = 'block';
+                mobileMenuBar.style.display = 'block';
+             } else {
+                // 100px未満に戻った場合、mobileMenuBarを非表示
+                mobileMenuBar.style.display = 'none';
+            }
          } else {
-             // 100px未満に戻った場合、mobileMenuBarを非表示
+             // モバイルデバイスでない場合、常に非表示
+            mobileMenuBar.style.display = 'none';
+        }
+    });
+    // ウィンドウのサイズ変更時にもチェック
+    window.addEventListener('resize', function() {
+        if (window.innerWidth > 768) {
              mobileMenuBar.style.display = 'none';
          }
      });
 });