html - Hiding the scrollbar when it is not moving in CSS -

is possible state of movement in css, without jquery, , use hiding scrollbar?

this should achievable trough jquery

scrollevent jquery: https://api.jquery.com/scroll/

scrollevent stop: jquery scroll() detect when user stops scrolling

hide scrollbar: hiding scrollbar on html page

in end, may (not tested):

<script> $( window ).scroll(function() {    //show scrollbar    $( "body" ).css( "overflow", "scroll" );    // check if still scrolling, else hide scrollbar   cleartimeout($.data(this, 'scrolltimer'));   $.data(this, 'scrolltimer', settimeout(function() {     // scrollevent not happened, hiding scrollbar     $( "body" ).css( "overflow", "hidden" );   }, 250));  }); </script>