Utilizando código :
@media (min-width: 1440px)
{
.menu__lista{
height: auto;
overflow: scroll;
}
}
Ficou cada barra de rolagem em uma UL então testei colocar o overflow no menu__container e ficou assim:
@media (min-width: 1440px)
{
.menu__container{
overflow: scroll;
}
}
Está correto o segundo modo usando o overflow no container ou isso causaria algum bug?
hoje, com a Alura e o Google Gemini
ola, acredito que não teria problema.
Caso você queira estilizar essa scrollbar, segue abaixo uma opção (Chrome, Edge, Safari e Opera):
obs.: os estilos são um exemplo, você pode brincar com eles, inclusive setr uma "width: 0px" e ver o que acontece.
para mais info:
/* width */
::-webkit-scrollbar {
width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
background: #f1f1f1;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #888;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #555;
}