Establezca la visibilidad de -webkit-scrollbar-thumb en jQuery

Intenté configurar la visibilidad del control de desplazamiento de la barra de desplazamiento mediante jQuery así:

$('-webkit-scrollbar-thumb').css('visibility', 'hidden')

Pero en realidad no hizo nada. Aquí está mi definición de CSS:

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    background: rgba(150, 150, 150, 0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
    border-radius: 2;
    margin: 5px;
}

No puedo deshabilitar el desplazamiento ocultando el desbordamiento porque todavía necesito habilitarlo, solo necesito ocultar el control deslizante de la barra de desplazamiento a través de JavaScript.

Respuestas a la pregunta(2)

Su respuesta a la pregunta