Side Nav Bar Problem

[eygis]

Hello everyone!

I’m working on the Technical Documentation page and just as a test I’m trying to get my nav bar to be scroll-able like in the example page, as in within the nav the scroll wheel can be used to move up and down. Here is my codepen link:

Technical Documentation Page

As you can see I’ve added duplicates of the topics for the purposes of testing the vertical scroll-ability. If you can, please let me know why it is not scroll-able as I’d like!

Thanks so much for your help!

[Edgar29]

Add overflow-y: scroll to your #navbar in css

[Edgar29]

You can read more about overflow property here

overflow - CSS: Cascading Style Sheets | MDN

[lasjorg]

You also have to create an actual vertical overflow. For example, giving the ul a fixed height smaller than the content.

It will also happen if the viewport height is smaller than the content but then you would want the overflow-y on the nav.