Properties: width, width@hover
See original GitHub issueHi, what do you think about adding these props:
data-simplebar-v-width
- sets width of the vertical thumb
data-simplebar-v-width-on-hover
- sets width of the vertical thumb on hover
data-simplebar-h-width
- sets width of the horizontal thumb
data-simplebar-h-width-on-hover
- sets width of the horizontal thumb on hover
<div
data-simplebar-v-width="5px"
data-simplebar-v-width-on-hover="10px"
/>
Issue Analytics
- State:
- Created 4 years ago
- Comments:5 (2 by maintainers)
Top Results From Across the Web
How hovering over a division element to gradually change the ...
You can use transition property in CSS to make some transition effect as changing the width of an element. The transition effect can...
Read more >Trying to change width on hover using css - Stack Overflow
You try to change the width of an inline element a . To do this you need to add display: inline-block; to it....
Read more >hover - CSS: Cascading Style Sheets - MDN Web Docs
The :hover CSS pseudo-class matches when the user interacts with an element with a pointing device, but does not necessarily activate it.
Read more >width | CSS-Tricks
The width property in CSS specifies the width of the element's content area. ... hover to animate width using CSS Transitions.
Read more >CSS transition-property Property - W3Schools
Hover over a <div> element, and change the width with a smooth transition effect ... The transition-property property specifies the name of the...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
This behavior can be achieved in the following way, so the issue is resolved:
Try
.simplebar-track.simplebar-vertical.simplebar-hover
.