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

Posted 2023-05-09

【中文标题】当用户移动器悬停在滚动条上时如何增加滚动条宽度

【英文标题】：How increase scrollbar width when user mover hover on it

【发布时间】：2020-11-18 21:24:51

【问题描述】：

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

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

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

【问题讨论】：

这能回答你的问题吗？ How to change -webkit-scrollbar width when hover on it

这不起作用我正在使用 simplebar 请参考链接github.com/Grsmto/simplebar

【参考方案1】：

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

【讨论】：

它不起作用我正在使用 simplebar 请查看我的描述中的链接

当用户将鼠标悬停在其上时，我想要一个 Skype 滚动条，然后增加滚动条的宽度

.simplebar-scrollbar:hover::-webkit-scrollbar width: px;高度：px； 也许是这个？

这也不起作用亲爱的 Radosik 请参考此链接github.com/Grsmto/simplebar

【参考方案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;