1

Tenho um menu lateral que tem posição fixa, se diminuo a resolução da tela a barra de rolagem não desce até o final, dessa maneira:

inserir a descrição da imagem aqui

Atualmente faço essa barra utilizando a propriedade overflow do css:

overflow: auto;

Porém todos os exemplos que vi a posição é setada como absolute e não fixed.

Como posso fazer essa barra de rolagem descer até o final?

Esse é o css completo do menu:

#sidebar-wrapper {
  z-index: 1000;
  position: fixed;
  left: 230px;
  width: 0;
  height: 100%;
  margin-left: -230px;
  overflow-y: auto;
  background: #263238;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
13
  • Precisa dar um padding-bottom: 40px; nessa resolução Commented 26/01/2016 às 19:19
  • Não deu certo @Zoom, nada mudou. Commented 26/01/2016 às 19:26
  • Tá na rede esse sistema aí ? Commented 26/01/2016 às 19:29
  • Tá na rede local Commented 26/01/2016 às 19:30
  • 1
    Deve ter algum campo que você possa colocar um padding: bottom; ou uma margin!! Commented 26/01/2016 às 19:47

1 Resposta 1

1

Defina um padding-bottom no ul que fica dentro do sidebar-wrapper.

Provavelmente é o elemento pai do seus LINKs.

Assim a barra de rolagem irá descer mais um tanto para poder ver todos os Links do MENU.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .