serge/site-mva-global-fret
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Mobile menu: scrollable + dvh height fix

Browse Source 
- overflow-y: auto pour scroll vertical quand le menu déborde
- height: 100dvh (dynamic viewport) pour meilleur rendu mobile (barre URL)
- -webkit-overflow-scrolling: touch (smooth iOS)
- overscroll-behavior: contain (pas de scroll-chain sur le body en dessous)

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
MVA Global Fret 2026-05-05 22:05:45 +02:00
parent 72da4fcfd5
commit e58e3d674d
1 changed files with 4 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
css/style.css
View File

@ -392,6 +392,7 @@ p {
width: 80%; width: 80%;
max-width: 360px; max-width: 360px;
height: 100vh; height: 100vh;
height: 100dvh; /* dynamic viewport — meilleur sur mobile (barre URL) */
background: var(--navy-dark); background: var(--navy-dark);
z-index: 999; z-index: 999;
padding: calc(var(--header-height) + var(--space-xl)) var(--space-xl) var(--space-xl); padding: calc(var(--header-height) + var(--space-xl)) var(--space-xl) var(--space-xl);
@ -399,6 +400,9 @@ p {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: var(--space-lg); gap: var(--space-lg);
overflow-y: auto;
-webkit-overflow-scrolling: touch;
overscroll-behavior: contain;
} }
.mobile-nav.open { .mobile-nav.open {