HTML/CSS页脚必须粘贴在网页底部，在用户到达页面底部之前不应可见

必须贴在网页底部，直到 用户到达页面底部

比如说

HTML

---

问题是，当用户还没有到达页面底部时，它仍然可见。我想要它，所以在它们触底之前它不可见。

您可以使用javascript

window.onscroll=函数（ev）{
if（（window.innerHeight+window.scrollY）>=document.body.offsetHeight）{
document.getElementsByTagName（“页脚”）[0]。style.visibility='visible'；
}否则{
document.getElementsByTagName（“页脚”）[0].style.visibility='hidden'；
}
};
正文{
位置：相对位置；
高度：1000px；/*仅适用于具有滚动*/
}
页脚{
可见性：隐藏；
填充：10px；
背景色：#999999；
颜色：白色；
文本对齐：右对齐；
底部：0；
宽度：96.75%；
位置：固定；
}
页脚
可以使用，大多数都不涉及JavaScript。有些依赖于尚未在所有浏览器（如网格）中实现的更现代的CSS功能

下面是一个简单、相当健壮且跨浏览器的示例。它包括给
正文
和
HTML
一个100%的高度，并使用负边距


html，正文{
身高：100%；
保证金：0；
}
.内容{
最小高度：100%；
}
.里面的内容{
填充：20px；
填充底部：50px；
}
页脚粘滞{
高度：50px；
利润上限：-50px；
背景色：#EFEF；
}

内容
一些页脚内容


<footer>
    This is a footer.
</footer>

footer {
  padding: 10px;
  background-color: #999999;
  color: white;
  text-align: right;
  bottom: 0;
  width: 96.75%;
  position: fixed;
}