javascript - 当它在屏幕上可见时在 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");
    }
});