-1

I am using simple-scrollbar I need to increase with of scrollbar when the user mouse hover on it (same as skype scrollbar) could you please help me with it, anyone how to write a script in jquery. (I just called css and js file into my HTML page)

below is my library for simple scrollbar:-

https://github.com/Grsmto/simplebar/tree/master/packages/simplebar#1-documentation

chinni
  • 13
  • 1
  • 6
  • Does this answer your question? [How to change -webkit-scrollbar width when hover on it](https://stackoverflow.com/questions/48505418/how-to-change-webkit-scrollbar-width-when-hover-on-it) – Krystian Borysewicz Jul 29 '20 at 09:59
  • that's not working I'm using simplebar please ref link https://github.com/Grsmto/simplebar – chinni Jul 29 '20 at 13:45

2 Answers2

0

try #myElement:hover::-webkit-scrollbar { width: px; height: px; }

Radosik
  • 51
  • 4
0

try this in .css:

.simplebar-track.simplebar-vertical {
  width: 20px;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar::before {
  left: 10px;
  transition: opacity 0s linear, left 0.2s ease-in-out;
}

.simplebar-track.simplebar-vertical.simplebar-hover .simplebar-scrollbar::before,
.simplebar-dragging .simplebar-track.simplebar-vertical .simplebar-scrollbar::before {
  left: 0px;
}
borlap
  • 1
  • 1