React-custom-scrollbars: Proposal: Show Scrollbar on hover

[Escapado]

Hey,

I would like to propose that there could be an option to show the scrollbar when you hover over the container.
That would be really amazing for an upcoming version! Also thanks a lot for the cool component!!

Cheers

[envex]

This can be done via css.

Let's say I have a component setup like this:

<Scrollbars
    className="custom-scrollbars">

    {this.props.children}

</Scrollbars>

You can setup the cssto be something along the lines of:

.custom-scrollbars .track{
    opacity: 0
    transition: opacity 200ms ease
}

.custom-scrollbars:hover .track{
    opacity: 1
}

[malte-wessel]

Thx @envex .Closing this for now...

[envex]

No problem!

[Ponjimon]

This .track class is never set.

[shaikshavalis]

.track class is never set, how to display the track on hover ?

[towfiqi]

.track class is never set. Its not possible to style the trackbar.

[vladpavlovski]

This .track class is never set.

.track class is for prop renderTrackVertical

```
renderTrackVertical = ({ style, ...props }) => {
return (
className='track'
{...props}
/>
)
}

className="custom-scrollbars"
renderTrackVertical={this.renderTrackVertical}
>
{this.props.children}

```

[Rahulzz]

This should do the trick

.custom-scrollbars > div:last-child {
opacity: 0;
transition: opacity 200ms ease;
}

.custom-scrollbars:hover > div:last-child {
opacity: 1;
}