向下滚动页面时，动画不会在响应式视图中第二次运行

Question

我正在努力解决jQuery问题，因为当我们向下和向上移动页面时，动画不会在响应式视图中第二次运行。下面是jQuery代码。 Here是链接

var btn_ffLife = !1;
var windowWidth = $(window).width();

$("#flip").click(function() {
  alert(btn_ffLife);
  if (!btn_ffLife) {
    alert(btn_ffLife);
    $(".free-for-life img").animate({
      'right': "200px"
    });
    $("#panel").slideToggle("fast");
    btn_ffLife = !0
  } else {
    $(".free-for-life img").animate({
      'right': "-50px"
    });
    $("#panel").slideToggle("fast");
    btn_ffLife = !1
  }
});

$(window).scroll(function() {
  var scroll = $(window).scrollTop();
  btn_ffLife = !1;
  if (scroll >= 375) {
    $("body").addClass("darkHeader");
    $("#panel").css('display', 'none');
    $(".free-for-life img").animate({
      'left': "50px"
    })
  } else {
    $("body").removeClass("darkHeader");
    $("#panel").css('display', 'block');
    $(".free-for-life img").animate({
      'left': "50px"
    })
  }
  if (windowWidth < 1182) {
    $("#panel").css('display', 'none')
  }
});