Jquery 如何在进入视图时向元素添加类

当我滚动到div的顶部时，我希望将一个类添加到div中，它正好出现在屏幕上。 我已经能够做到这一点时，整个高度的div是在视图中，但不是当我滚动和击中它的顶部，也许与偏移能力？ 非常新，因此非常感谢您的帮助：）

给您：

$('div').animate({top:'500px'},1000);
$(document).scroll(function(){
    if(!$('div').hasClass('red') && $('div').offset().top<=$(window).height()+$(document).scrollTop()){
        $('div').addClass('red');
    }
});

$（'div'）.animate（{top:'500px'}，1000）；
$（文档）。滚动（函数（）{
如果（！$（'div'）.hasClass（'red'）&&$（'div'）.offset（）.top有代码吗？