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

时间:2020-07-29 09:57:55

标签: javascript html jquery css arrays

我正在使用简单滚动条,当用户将鼠标悬停在简单滚动条上时(与skype滚动条相同),我需要增加滚动条的大小,如果有人如何在jquery中编写脚本,请您帮我一下。 (我只是将CSS和js文件称为HTML页面)

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

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

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

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