/* ======================================== 🌐 GLOBAL STYLES - parsecapere.com ======================================== Datei: global_hide_sidebar.css Zweck: Scrollbar komplett verstecken (alle Browser) Erstellt: 02.11.2025 Pfad: /Home/CSS/global_hide_sidebar.css ======================================== */ /* ======================================== 🚫 SCROLLBAR KOMPLETT VERSTECKEN ======================================== */ /* WICHTIG: - Scrollbar wird NUR visuell versteckt - Scroll-Funktion bleibt vollständig erhalten - Maus/Touchpad/Tastatur können weiterhin scrollen - Funktioniert in allen modernen Browsern */ /* 🦊 FIREFOX (alle Versionen) */ * { scrollbar-width: none; } html { scrollbar-width: none; } body { scrollbar-width: none; } /* 🌐 CHROME, SAFARI, EDGE (Chromium) */ *::-webkit-scrollbar { display: none; width: 0; height: 0; } html::-webkit-scrollbar { display: none; width: 0; height: 0; } body::-webkit-scrollbar { display: none; width: 0; height: 0; } /* Auch für scrollbare Divs */ div::-webkit-scrollbar { display: none; width: 0; height: 0; } /* 🪟 INTERNET EXPLORER & EDGE (Legacy) */ html { -ms-overflow-style: none; } body { -ms-overflow-style: none; } * { -ms-overflow-style: none; } /* ======================================== ✅ ZUSÄTZLICHE ABSICHERUNG ======================================== */ /* Falls irgendein Element trotzdem eine Scrollbar zeigt, wird sie hier definitiv versteckt */ ::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; background: transparent !important; } ::-webkit-scrollbar-track { display: none !important; } ::-webkit-scrollbar-thumb { display: none !important; } ::-webkit-scrollbar-corner { display: none !important; } /* ======================================== 📱 MOBILE GERÄTE (iOS/Android) ======================================== */ /* iOS Safari */ html { -webkit-overflow-scrolling: touch; } body { -webkit-overflow-scrolling: touch; } /* Android Chrome */ @supports (-webkit-overflow-scrolling: touch) { * { scrollbar-width: none; -ms-overflow-style: none; } *::-webkit-scrollbar { display: none; } } /* ======================================== 🎯 SCROLL-VERHALTEN BEIBEHALTEN ======================================== */ /* WICHTIG: overflow wird NICHT gesetzt, um Konflikte mit scroll-snap-type in anderen Dateien zu vermeiden! Jede HTML-Datei regelt ihr eigenes Scroll-Verhalten. Diese CSS versteckt nur die Scrollbar visuell. */ /* Horizontal-Scrollbar generell ausblenden (optional) */ html, body { overflow-x: hidden; } /* ======================================== 💡 DEBUGGING (nur für Entwicklung) ======================================== */ /* Falls du testen willst ob CSS geladen wird, entferne die Kommentare unten: */ /* body::before { content: "✅ global_hide_sidebar.css aktiv"; position: fixed; bottom: 10px; right: 10px; background: #00CED1; color: white; padding: 0.5rem 1rem; border-radius: 0.5rem; font-size: 0.875rem; z-index: 9999; pointer-events: none; } */ /* ======================================== 📝 ANLEITUNG ZUR VERWENDUNG ======================================== */ /* EINBINDUNG IN HTML: EINBINDUNG IN ALLE DATEIEN: ✅ index.html ✅ index_layer_1.html ✅ index_layer_2.html (später) ✅ Alle zukünftigen HTML-Dateien PFAD ÜBERPRÜFEN: Falls CSS nicht lädt, prüfe: 1. Datei liegt in: /Home/CSS/global_hide_sidebar.css 2. HTML liegt in: /Home/index.html 3. Relativer Pfad: href="CSS/global_hide_sidebar.css" Falls HTML in Unterordner: - href="../CSS/global_hide_sidebar.css" (eine Ebene höher) BROWSER-CACHE LEEREN: Nach Upload: 1. STRG + SHIFT + R (Hard-Refresh) 2. F12 → Network-Tab → "Disable Cache" aktivieren 3. Seite neu laden */ /* ======================================== ✅ ENDE DER DATEI ======================================== */