jq隐藏页面滚动条的方法

想要利用jquery来隐藏页面的滚动条，可以结合css样式代码来实现。下面是具体的实现方法，各位可以参考一下。

jq隐藏页面滚动条的方法

例：

<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
<style>
    .noscroll{
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    .noscroll::-webkit-scrollbar {
        display: none;
    }
</style>
<script>
$(window).scroll(function(){
    clearTimeout($.data(this, 'timer'));
    $.data(this, 'timer', setTimeout(function() {
    $('body').addClass('noscroll');
    }, 250));
});
//当用户停止滚动时，滚动条隐藏
$(window).scroll(function(){
    $('body').removeClass('noscroll');
});
</script>

上面的示例代码中，先用一个class类来定义滚动条的隐藏。再通过jq添加或移动class类的方法来实现滚动条的显示与隐藏。