1485 sujets

Web Mobile et responsive web design

Bonjour à tous

Voila je travail sur la nouvelle version de mon site et j'ai un petit soucis sur la version mobile au niveau du menu
quand on déploie les menu(menu sous 3 niveaux pour certain) et qu'on scroll, étant donner que le menu est en fixedtop(que je tien à garder), ben c'est le contenu en arrière plan du menu qui scroll et non les élément du menu en lui même.

https://www.sang-dorthos.com/dev
http://responsivetest.net/#u=https://www.sang-dorthos.com/dev/|1080|1920|3

Je ne trouve pas de solution à ce problème, peut être également revoir la taille de police sur smartphone.

merci de votre aide

Nathan
Modérateur
Hello,
J'essaierais d'ajouter une class sur ton html ou body pour dire que le menu est actif, et ensuite :

body.actif{overflow: hidden;} // va permettre d'empêcher ton scroll global
body.actif .tonMenu{overflow: auto;} // va ajouter le scroll à ton menu
Yordi a écrit :
Hello,
J'essaierais d'ajouter une class sur ton html ou body pour dire que le menu est actif, et ensuite :

body.actif{overflow: hidden;} // va permettre d'empêcher ton scroll global
body.actif .tonMenu{overflow: auto;} // va ajouter le scroll à ton menu


Desoler du temps de réponse, pas mal occupé en ce moment

Merci pour ton aide, j'apprend une règle en plus Smiley cligne
Mais du coup le scroll global est désactivé?