html 鼠标下滑改变样式

当我css里面把html(overflow: hidden)这个下滑就没效果了，要怎么才能鼠标一滚动就直接生效
scrollTop() > 100 改0是没效果的

$(window).scroll(function() {
    if($(this).scrollTop() > 100) {
        $("html").removeClass('.to-begin');
    }
});

   $("html").removeClass('.to-begin'); 去掉to-begin前面的"."点

.
改成

   $("html").removeClass('to-begin');

addClass()和 removeClass()添加移除class是不要加"."点

removeClass直接写class就可以，不要加个点

$(window).scroll(function() {
                if($(this).scrollTop() > 100) {
                    $("html").removeClass('to-begin');
                }
            });