jQuery：滚动后恢复为默认值

Question

我创建了一个粘贴在页面底部的页脚。当用户向下滚动页脚边距时，底部更改为20px，颜色从黑色变为白色。这里我使用了以下jQuery：

 $(document).ready(function() {
        $(window).scroll(function() {
            var $this = $(this);
            if ($this.scrollTop() >= 10) {
                $("footer").animate({
                    marginBottom: "30px",
                    backgroundColor: "fff"
                }, 2000);
            }
        });
});

当用户向后滚动到顶部时，页脚应返回到屏幕底部，颜色应再次从白色变为黑色。我试图使用else语句，但没有任何运气。

找到它：

$(document).ready(function() {
 $( window ).scroll(function() {
  var $this = $(this);
   if ($this.scrollTop() <= 5) {
   $("footer").stop().animate({marginBottom: "0px", color: "fff", backgroundColor: "000"}, 1000);
   } else if ($this.scrollTop() >= 5) {
   $("footer").stop().animate({marginBottom: "30px", color: "000", backgroundColor: "fff"}, 1000);
        } 
    });
});

Answer 1

尝试此操作：

.footerback{
      margin-bottom:0;
      background-color:#000000;
    }

$(document).ready(function() {
    $(window).scroll(function() {
        var $this = $(this);
        if ($this.scrollTop() >= 10) {
            $("footer").animate({
                marginBottom: "30px",
                backgroundColor: "fff"
            }, 2000);
        }
       else{
        $("footer").addClass("footerback");
       }
    });
});