Side Nav Bar Problem

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:

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!

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

You can read more about overflow property here

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.

1 Like

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.