Javascript 滚动时页脚向上动画，触摸底部，向上滚动时页脚向下动画

这是一个曾经以不同形式提出的问题， 我试着使用代码，但它对我不起作用。 我希望我的页脚在到达底部之前滚动一点时向上移动，并在向上滚动时关闭。 就像在这个网站-你会看到如果你一直向下滚动。

这是我的代码：

css:

html:

我试图留下jquery代码，但我还不清楚它在这里是如何工作的。 这是答案的链接，我用动画代替了警报。

---

这对我有很大帮助。非常感谢

您可以添加/删除给定的类

var footer = document.querySelector("#footer");
window.onscroll = function(event) {
    ((window.innerHeight + window.scrollY) >= document.body.offsetHeight) ? footer.classList.add("visible") : footer.classList.remove("visible")
};

这是你的css

#footer{
  position: fixed;
  bottom: 0;
  overflow:  hidden;
  height: 0;
  transition: height .3s ease
}
#footer.visible{
  height: 100px;/*what ever you want*/
}

---

如评论所示，您提供的链接上没有动画，但基于链接，问题很简单，如下所示：

var isShowing=假； $window.scroll函数{ 如果$window.scrollTop+$window.height====$document.height{ $'footer'。滑动切换； isShowing=true；

---

}否则，如果isShowing===true&&$window.scrollTop+$window.height，您向我们展示的网站上没有动画或任何东西……页脚就在页面底部。您好，请注意，当滚动到接近底部时，页脚开始向上滚动，当滚动到上时，页脚关闭。如果不需要jquery，请轻松到达那里我会很高兴。我是新的编程人员，所以……考虑一下我的页面，我可以告诉你没有动画。它只是一个错觉，因为所有的东西都在固定的位置。在这里，我给你举了一个例子：我可以看到一个现在的理解。谢谢：在另一个例子中，我会从坦博得到一个我想要的解决方案。nswer 2由于某些原因，代码对我不起作用。无论如何，在回答2中从Tambo那里得到了答案谢谢你的回答，非常感谢：

var footer = document.querySelector("#footer");
window.onscroll = function(event) {
    ((window.innerHeight + window.scrollY) >= document.body.offsetHeight) ? footer.classList.add("visible") : footer.classList.remove("visible")
};

#footer{
  position: fixed;
  bottom: 0;
  overflow:  hidden;
  height: 0;
  transition: height .3s ease
}
#footer.visible{
  height: 100px;/*what ever you want*/
}