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>

我想以相反的顺序将相同的类（.btn-visible）添加/删除到不同的div，但似乎无法使其工作。

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

当删除.fade-in时，我想要它添加类（'btn-visible'）

Answer 1

为什么不在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');
    }
});

添加第二个“动作”以用于不同的div

1 个答案: