Javascript 为不同div的函数添加第二个“操作”

我有以下工作代码，在div/按钮中淡入/淡出

js

html

我想以相反的顺序添加/删除同一个类。btn对另一个div可见，但似乎无法使其工作

另一个部门是

---

我希望它在删除.fade-in时添加class'btn-visible'

为什么不在if块中同时使用这两个动作

$(window).scroll(function(){
    if( $(this).scrollTop() > offset ) {
       $animation.addClass('btn-visible');
       $('#btn2').removeClass('btn-visible'); 
    }
    else
    {
        $animation.removeClass('btn-visible');
        $('#btn2').addClass('btn-visible');
    }
});

---

$this.scrollTop在我的代码中，该行在同一块的后面，在现有块的后面。这样做会删除上一个按钮的功能，并且似乎不会将其添加到另一个创建中，否则将无法查看问题所在。

<div id='top-btn'>
   <a class="fade-in" href="#">...</a>
</div>

$(window).scroll(function(){
    if( $(this).scrollTop() > offset ) {
       $animation.addClass('btn-visible');
       $('#btn2').removeClass('btn-visible'); 
    }
    else
    {
        $animation.removeClass('btn-visible');
        $('#btn2').addClass('btn-visible');
    }
});