Scroll bar does not descend until the end

Asked

Viewed 1,372 times

1

I have a side menu that has position fixed, if I decrease the screen resolution the scroll bar does not descend until the end, that way:

inserir a descrição da imagem aqui

Currently I do this bar using the property overflow of css:

overflow: auto;

But all the examples I saw the position is set as absolute and not fixed.

How can I get this scroll bar down to the end?

That’s the css menu complete:

#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;
}
html css

  • Need to give a padding-bottom: 40px; in that resolution

  • It didn’t work @Zoom, nothing’s changed.

  • That system is on the network ?

  • It’s on the local network

  • If it makes it easier for you I can make a fiddle, but I don’t think today gives more time rs.

  • How are you meta tag viewport ?

  • <meta name="viewport" content="width=device-width, initial-scale=1.0">

  • Taca that: <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">

  • It came to nothing either.

  • Puts the padding-bottom in the UL not in the #sidebar-wrapper

  • 1

    There must be some field you can put a padding: bottom; or a margin!!

  • I have another ul inside the one you’re with position:absolute now that I’ve touched myself, I’ll try to put on it

  • @Zoom was right, kk thanks, put an answer so I mark as solution.

Show 8 more comments

1 answer

1


Define a padding-bottom in the ul inside the sidebar-wrapper.

Probably the parent element of your Links.

So the scroll bar will go down a bit more to be able to see all the Links from the MENU.

Browser other questions tagged html css

You are not signed in. Login or sign up in order to post.