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

Question

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

<button class='btn btn-default' >
   Hello
</button>

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

Answer 1

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

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