javascript - 添加第二个 'action' 以针对不同的 div 运行

Question

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

js

jQuery(document).ready(function($){

var offset = 150,

// duration of the animation (in ms)
scroll_top_duration = 3000,

// bind with the button link
$animation = $('.fade-in');

// display or hide the button
$(window).scroll(function(){
    ( $(this).scrollTop() > offset ) ? $animation.addClass('btn-visible') :
    $animation.removeClass('btn-visible');
});

});

html

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

我想以相反的顺序向不同的 div 添加/删除相同的类(.btn-visible)，但似乎无法让它工作。

另一个div是<div id="btn2">...</div>

我希望它在 .fade-in 被删除时 addClass('btn-visible')

Answer 1

为什么不在 if block 中同时使用这两个操作；

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