How to change the color of the scroll bar by JQuery

Question

How to change the color of the scroll bar by JQuery

Navigation

#1 by (0 votes)

0

I want to change the color of the scroll bar only when the user scrolls the screen. I tried the code below but it did not work. How do I?

$('body').scroll(function(){
    setTimeout(function(){
        $("body::-webkit-scrollbar").css("background-color", "#333");
        console.log('fsdfs');
    },500);
});

javascript html jquery css

asked by anonymous 04.06.2018 / 04:40

1 answer

HTTP Resource Request - Why does this happen? WordPress performance in subdir as if it were in the root

score 0 · Answer 1

JavaScript can not change pseudo-elements, but you can create a class in CSS and add to body when scrolling:

$(window).scroll(function(){
   $("body").addClass("scroller");
});

.scroller::-webkit-scrollbar {
    width: 17px; /* largura do scroll */
}
.scroller::-webkit-scrollbar-track{
   background: #eee; /* cor do fundo */
}
.scroller::-webkit-scrollbar-thumb{
    background: blue;  /* cor do scroll */
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Role a tela
<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br>