Falta pouco!

0 dias

0 horas

0 min

0 seg

1
resposta

Scroll lateral não funciona

Simplesmente não aparece o scroll lateral

(`)@media(min-width: 1440px) {
    .menu__container {
        position: fixed;
        left: 0;
        top: 0;
        bottom: unset;
        height: 100%;
        width: 239px;
        overflow: scroll;
1 resposta

Oi, Estudante! Como vai?

O que oparece aqui é que o scroll lateral não aparece porque:

  • O caractere ` antes de @media está quebrando o CSS.
  • Para rolar na horizontal, você precisa de overflow-x e itens que não encolham.

Exemplo corrigindo sua media query e ativando rolagem horizontal:


@media (min-width: 1440px) {
  .menu__container {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 239px;

    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;   /* scroll horizontal */
    overflow-y: hidden; /* esconde scroll vertical */
    white-space: nowrap;
  }

  .menu__item {
    flex: 0 0 auto;     /* impede encolhimento */
    min-width: 160px;   /* força overflow no eixo X */
  }
}

Dica rápida:
Se você queria rolagem vertical, troque para overflow-y: auto e use overflow-x: hidden.

Espero ter ajudado. Conte com o apoio do Fórum na sua jornada. Fico à disposição.

Abraços e bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado