Definir a visibilidade do -webkit-scrollbar-thumb no jQuery

Eu tentei definir a visibilidade do polegar da barra de rolagem através do jquery da seguinte forma:

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

Mas na verdade não fez nada. Aqui está minha definição 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;
}

Não consigo desativar a rolagem ocultando o estouro porque ainda preciso da rolagem ativada, só preciso ocultar o polegar da barra de rolagem por meio do javascript.

questionAnswers(2)

yourAnswerToTheQuestion