当用户移动器悬停在滚动条上时如何增加滚动条宽度

Question

我正在使用简单滚动条当用户鼠标悬停在滚动条上时我需要增加滚动条（与Skype滚动条相同）你能帮我解决一下吗，任何人都可以在jquery中编写脚本。 （我只是在我的 HTML 页面中调用了 css 和 js 文件）

下面是我的简单滚动条库：-

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

Answer 1

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

Answer 2

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