Javascript 当您到达屏幕底部时，页脚会向上设置动画，但当您向上滚动时，页脚无法向下设置动画

我有一个页脚，当用户滚动到页面的最底部时，它会向上显示动画。现在，动画完成后，它当前处于动画后期状态。然而，我试图让它在用户将页面向上滚动一点后，将其动画化

这是到目前为止我的代码。这将正确地设置页脚向上而不是向下的动画：

$(window).scroll(function() {
  var i;
  i = 0;
  if ($(window).scrollTop() + $(window).height() === $(document).height()) {
    i = 1;
    $("footer").animate({
      marginBottom: "-22px"
    }, 500);
  }
  else if (i > 0 && $(window).scrollTop() + $(window).height() <= $(document).height() * 0.9) {
    $("footer").animate({
      marginBottom: "-156px"
    }, 500);
    i = 0;
  }
});

$（窗口）。滚动（函数（）{
var i；
i=0；
if（$（窗口）.scrollTop（）+$（窗口）.height（）===$（文档）.height（））{
i=1；
$（“页脚”）.animate({
marginBottom:“-22px”
}, 500);
}
如果（i>0&&$（window）.scrollTop（）+$（window）.height（）您正在重置每个滚动条上的“flag”变量
i

这里有一把小提琴演示了一种变通方法（以及我在评论中提到的）：

var isShowing=false；
$（窗口）。滚动（函数（）{
if（$（窗口）.scrollTop（）+$（窗口）.height（）===$（文档）.height（））{
警告（“显示页脚”）；
isShowing=true；
}else if（isShowing===true&&$（window.scrollTop（）+$（window.height（））在这个例子中，页脚的CSS样式也是很重要的。它是怎样的？<代码>位置>代码> ED？什么是<代码> <代码>或代码> <代码>高度？这个和更多的问题需要更完整的分析。尝试制作<代码> i>代码>一个全局变量（也考虑变量的另一个名称）。。也不要设置
i=0
。如果
逻辑不起作用，则设置你的
。我会在一秒钟内将小提琴组合在一起。就这样。非常感谢！
var isShowing = false;
$(window).scroll(function() {
    if ($(window).scrollTop() + $(window).height() === $(document).height()) {
        alert("Show Footer");
        isShowing = true;
    } else if (isShowing === true && $(window).scrollTop() + $(window).height() <= $(document).height() * 0.9) {
        alert("Hide Footer");
        isShowing = false;
    }
});