How to hide the scrollbar when taking the mouse and making it visible when placing the mouse?

Question

Well guys, I made a side-Nav with some contents and would like to make a scroll bar visible when the mouse is on top, however, I would also like to hide it when the mouse is off that side-Nav.

Answer 1

Create a css file with a class named after you side-nav, or if it is a class, this code is already correct.

.side-nav{
    overflow-y: hidden;
}

.side-nav:hover{
    overflow-y: auto;
}