当另一个元素到达视口顶部时，使用jQuery向元素添加第二个类

Question

我使用下面的代码在元素到达视口顶部时为其添加一个类。

var fixadent = jQuery(".home #inner-header"), pos = fixadent.offset();

jQuery(window).scroll(function() {

if(jQuery(this).scrollTop() > (pos.top + 0) && fixadent.css('position') == 'absolute') {

fixadent.addClass('logo-fixed'); }

else if(jQuery(this).scrollTop() <= pos.top && fixadent.hasClass('logo-fixed')){ fixadent.removeClass('logo-fixed'); }

})

这很好但我想在另一个元素到达视口顶部时向同一个元素（.home＃inner-header）添加第二个类。我在页面下方有一个#content div，当到达顶部时，我想在.home＃inner-header中添加另一个类。

如何调整此代码以实现这一目标？我只能添加一个类。

编辑 - HTML在这里 -

<header class="header" role="banner">
    <div id="inner-header" class="wrap clearfix">
        <div class="logo-wrap">
            <p id="logo" class="h1">LOGO TEXT</p>
        </div>

    </div> <!-- end #inner-header -->
</header> <!-- end header -->

<div id="content">

</div>