如何在鼠标悬停时增加滚动条宽度

/* 设置滚动条宽度为10px */
::-webkit-scrollbar {
  width: 10px;
}

// 获取滚动条元素
var scrollbar = document.querySelector('::-webkit-scrollbar');

// 添加鼠标悬停事件的监听器
scrollbar.addEventListener('mouseover', function() {
  // 在悬停时增加滚动条宽度为20px
  scrollbar.style.width = '20px';
});

// 添加鼠标离开事件的监听器
scrollbar.addEventListener('mouseout', function() {
  // 在离开时恢复滚动条宽度为10px
  scrollbar.style.width = '10px';
});