仅在页面在CSS中滚动或使用钩子做出反应时才显示滚动条

Question

我尝试使用CSS，但是我想在滚动而不是悬停时实现

 `.scrollbar {
  min-height: 500px;
  max-height: 500px;
  background: #f1f1f1;
  overflow-y: hidden;
}
  .scrollbar:hover {
  overflow-y : auto;
}`

当前正在显示页面滚动条，但是我只想在用户滚动页面时显示滚动条。在CSS或React中有可能吗？