将IF转换为TOGGLE

Question

我有代码，但它适用于滚动高度，我想做一些不同的事情。我想将它转换为Toggle，是否可能？首先单击添加.animated并删除.fix，在第二次单击删除.animated并添加.fix。

$(window).scroll(function() {

    var scroll = $(window).scrollTop();

    if (scroll > 20) {
        $header.addClass('animated').removeClass('fix');
    } else {
        $header.removeClass('animated').addClass('fix');
    }

});

我是javascript的新手可以有人帮我吗？

谢谢！

Answer 1

toggleClass接受开关参数，即布尔值。 true添加了className，false删除了className。

var bool = scroll > 20;
$header.toggleClass('animated', bool).toggleClass('fix', !bool);

Answer 2

我找到了这样的解决方案，也许有人使用它。

$('.header').on('click', function(e) {
  $('.header').toggleClass("animated") .removeClass('fix');
  e.preventDefault();
});