通用滚动条样式悬浮显示--去除默认样式

关于滚动条悬浮显示问题

/* 隐藏原生滚动条 */
::-webkit-scrollbar {
  width: 0;
  height: 0;
}
/* 鼠标悬停在元素上时滑块出现 */
:hover::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
/* 鼠标悬停在元素上时滑块出现 */
:hover::-webkit-scrollbar-thumb {
  background-color: rgba(128, 128, 128, 1);
  border-radius: 8px;
}
/* 鼠标悬停时滑块透明度变化 */
::-webkit-scrollbar-thumb:hover {
  background-color: rgb(128, 128, 128, 0);
}

• 透明度设置不起效。怀疑是浏览器自带样式所决定的。
• 前面不指定元素的话，全局滚动条都生效。