Bonjour, voilà j'ai un soucis technique j'ai créer un menu sur la gauche qui se rentre et sort sans problème mais lorsque j'applique dans mon css un 
Overflow: scroll
Le menu de gauche n'est pas fixe a l'écran. mais si je le fixe le menu par en cacahuète et ne s'ouvre plus ni se ferme
Avez vous une idée ?

<div class="menu-panel">
            
			  <img src="images/logo.png" width="201.1px" height="74.5px" style="margin:20px;">
				<ul id="menu-toc" class="menu-toc">
					<li class="menu-toc-current"><a href="index.html"><a class="texte">
					<div class="font">Bienvenue</div></a></a></li>
					<a href="conte.html" class="texte"><div class="font">Conte</div></a>
					<a href="sante.html" class="texte"><div class="font">Bien-être Santé</div></a>
					<a href="jeunesse.html" class="texte"><div class="font">Jeunesse</div></a>
                    <a href="roman.html" class="texte"><div class="font">Roman</div></a>
					<a href="biographie.html" class="texte"><div class="font">Biographie</div></a>
					<a href="racontezmoi.html" class="texte"><div class="font">Racontez-moi</div></a>
					<a href="forum.html" class="texte"><div class="font">Forum</div></a>
                    <a href="apropos.html" class="texte"><div class="font">A propos</div></a>
					<a href="contact.html" class="texte"><div class="font">Contact</div></a>
                    
                   <a href="http://www.facebook.com"><img src="images/LogoFB.svg" width="29" height="29" class="test" ></a> &nbsp;
                   <a href="http://a definir"><img src="images/LogoRSS.svg" width="30" height="30"></a>  &nbsp;
                   <a href="http://www.youtube.com"><img src="images/LogoYT.svg" width="30" height="30"></a>
                    
				</ul>
				
			</div>

.menu-panel {
	background:#252525;
	width: 240px;
	height: 100%;
	position: fixed;
	z-index: 1000;
	top: 38px;
	left: 0;
	text-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

.menu-button {
	position: absolute;
	width: 38px;
	height: 100%;
	top: 38px;
	left: 0;
	background:#252525;
	color: #fff;
	line-height: 30px;
	text-align: center;
	speak: none;
	font-weight: bold;
	cursor: pointer;
}

Merci 
Cordialement

-
Edité par DavidPenya1 28 mai 2017 à 19:16:00