Показывать полосу прокрутки только тогда, когда страница прокручивается в CSS или реагирует с использованием хуков

Question

Я пытался с помощью CSS, но я хочу добиться этого при прокрутке, а не при наведении курсора

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

В настоящее время полоса прокрутки страницы отображается, но я хочу показать полосу прокрутки только тогда, когда пользователь прокручивает страницу. Это возможно в CSS или React?