Как сделать эффект полупрозрачности при инактивности скролббара и перехода в плавную непрозрачность при действии?

Когда то тоже нужно было кастомизировать скролбар.
Просмотрел быстро статью - я так понял там используется какой-то плагин?

Потому могу подсказать лишь вот такое
псевдокласс ::-webkit-scrollbar-thumb позволяет менять внешний вид скрол бара.

Можно задать цвет через rgba.

::-webkit-scrollbar-thumb {
background-color: rgba(255,255,255, 0.5);
}

Возможно, это как то поможет