像MacOS一样滚动时滚动条消失

Question

我想在滚动窗口时隐藏滚动条。 （像 MacOS 一样淡出）

因此，我的形状类似于 MacOS ，但无法滚动事件。

不可能 吗？

$(window).scroll(function(){
  $('body::-webkit-scrollbar-thumb').css('opacity','0');
});

p {padding-bottom:1000px}

body::-webkit-scrollbar {
    width:8px;
}
body::-webkit-scrollbar-track {
    background:white;
}
/* handle */
body::-webkit-scrollbar-thumb {
    background-color: gray;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    transition:background-color .5s;
}

body.active::-webkit-scrollbar-thumb {
    background-color:white;

}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>
test
</p>