Uso la barra de desplazamiento perfecta https://github.com/mdbootstrap/perfect-scrollbar para la barra de desplazamiento personalizada. La barra de desplazamiento solo es visible cuando pasa el mouse sobre el contenedor.
¿Cómo puedo mostrar la barra solo en el evento de desplazamiento y ocultarla al final del desplazamiento?
Puede intentar usar la función javascript onscroll() . Prueba algo como esto-
<html> <body onscroll="bodyScroll();"> <script language="javascript"> var scrollTimer = -1; function bodyScroll() { document.body.style.backgroundColor = "white"; if (scrollTimer != -1) clearTimeout(scrollTimer); scrollTimer = window.setTimeout("scrollFinished()", 500); } function scrollFinished() { document.body.style.backgroundColor = "red"; } </script> <div style="height:2000px;"> Scroll the page down. The page will turn red when the scrolling has finished. </div> </body> </html>Este código es de otra pregunta de la pila : ¿Cómo sé cuándo dejé de desplazarme?
Enlace al evento onscroll() en js- https://www.w3schools.com/jsref/event_onscroll.asp