knso/videogen
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix: Explore-Screen scrollt nicht mehr (body.noscroll + overscroll-behavior)

Browse Source 
Der globale .app-padding-bottom machte die Seite hoeher als den Viewport ->
auf dem Feed war vertikales Wippen moeglich. Explore sperrt jetzt body-Scroll
(overflow:hidden, height:100dvh, padding-bottom:0), scrollbare Screens
(Detail/Create/Profil) bleiben unveraendert.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
root
2026-07-22 19:52:42 +00:00
parent 64b1c8d703
commit 0291bd26b9
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
prototyp-app.html
View File

@@ -23,6 +23,10 @@
} }
*{box-sizing:border-box; margin:0; padding:0;} *{box-sizing:border-box; margin:0; padding:0;}
html{-webkit-text-size-adjust:100%;} html{-webkit-text-size-adjust:100%;}
html, body{overscroll-behavior-y:none;}
/* Explore ist ein fixer Vollbild-Screen: Seite darf nicht scrollen/wippen */
body.noscroll{overflow:hidden; height:100dvh;}
body.noscroll .app{padding-bottom:0;}
body{ body{
background:var(--bg); color:var(--txt); background:var(--bg); color:var(--txt);
font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Inter",Roboto,system-ui,sans-serif; font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Inter",Roboto,system-ui,sans-serif;
@@ -293,7 +297,7 @@
.sheet li::before{content:"·"; position:absolute; left:2px; color:var(--accent); font-weight:700;} .sheet li::before{content:"·"; position:absolute; left:2px; color:var(--accent); font-weight:700;}
</style> </style>
</head> </head>
<body> <body class="noscroll">
<!-- Lucide-Icon-Sprite + Liquid-Glass-Filter --> <!-- Lucide-Icon-Sprite + Liquid-Glass-Filter -->
<svg width="0" height="0" style="position:absolute" aria-hidden="true"> <svg width="0" height="0" style="position:absolute" aria-hidden="true">
@@ -876,6 +880,7 @@ function go(id){
}; };
document.querySelectorAll('.nav button').forEach(b=>b.classList.remove('on')); document.querySelectorAll('.nav button').forEach(b=>b.classList.remove('on'));
if(navMap[id]) document.getElementById(navMap[id]).classList.add('on'); if(navMap[id]) document.getElementById(navMap[id]).classList.add('on');
document.body.classList.toggle('noscroll', id==='explore');
window.scrollTo(0,0); window.scrollTo(0,0);
} }
function pick(el){ function pick(el){