Remove scrollbar when nothing to scroll

Question

I want to have a scrollbar when they are items, but when there is nothing to scroll to don't appear the scrollbar.

If I use this, it removes it, but in all cases. I want to see the scrollbar if it's not empty:

::-webkit-scrollbar {
    display: inline;
}

Any suggestions?

Answer 1

The component was added with this css style overflow-y: scroll; and I changed to overflow-y: auto;.

So now if there is no elements to scroll doesn't appear the scrollbar.