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>
Comments
Post a Comment