Scrollable scrollbar shows over element, how to hide scrollbar when not hovered?

Learn
1

There is a scrollbar on the right side of my Scrollable widget. But it hides the content of itself.

  1. How can I hide the scrollbar when mouse is not hovered?
  2. Or how can I add padding for scrollbar to not hide the content?

Thanks!

image
image765×248 6.68 KB

2

I have no idea about the first one, but one for the second one.
You could wrap the content of your scrollable in a container and add right padding to that one.

3

spacing()

Embeds the Scrollbar into the Scrollable, instead of floating on top of the content. The spacing provided will be used as space between the Scrollbar and the contents of the Scrollable.

I’d like to know the answer to the first one also.

4

This is done with custom style. See scrollable::Catalog trait, style function accepts status of scrollable and if you want to hide scrollbar by default just set transparent container background color if Status is Status::Active