当用户移动 hover 时如何增加滚动条宽度

Question

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

Answer 1

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

Answer 2

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;
}