在html元素在屏幕上可见时添加类

我希望在滚动时在屏幕上显示该元素时为其添加类:

   Hello

我希望'btn-default'在滚动或页面重新加载后按钮在屏幕上可见时添加类.

尝试使用可见选择器,如:

$(window).on('scroll', function(){
    if ($(".btn").is(':visible')){
        $(".btn").addClass("btn-default");
    }
});