Почему вертикальная прокрутка останавливается в определенных точках, когда подкапс обрушивается и расширяется? ⇐ Html

[Anonymous]

У меня есть меню боковых стержней, которое перестает прокручивать, когда он достигает элемента «категорий» в списке, тем самым не позволяя пользователю добраться до других элементов в списке в меню боковых бар. Хотя элемент категорий расширяется, он прокручивается, но все же отказывается достичь конца списка элементов.

• Home
• Categories
  
  
  
  Waist Beads
• Bracelets
• Necklaces
• Beaded Bags
• Anklets
• Phone Straps

[*]Promo's
[*]Contact Us



< /code>
css: < /p>
.menu-links {
position: fixed;
/* top: ; */
left: -0.5rem;
background-color: white;
min-width: 17rem;
height: 100vh;
transform: translateX(-17rem);
overflow: hidden;
transition: all 0.3s ease;
display: flex;
flex-direction: column;
}

.menu-links ul li a {
font-size: 1.5rem;
color: black;
text-decoration: none;
}

.menu-links ul{
display: flex;
flex-direction: column;
}

.menu-links li {
margin: 0.5rem 1rem;
padding: 10px;
}

#sub{
display: none;
margin-top: 0.5rem;
}

#sub.open{
display: block;
}

.content{
max-height: 100vh;
overflow-y: auto;
flex-grow: 1;
}


Подробнее здесь: https://stackoverflow.com/questions/794 ... sub-menu-i