javascript - 即使浏览器调整大小，页脚也应位于底部并保持固定位置

Question

我有一个带有几个按钮的页脚，它位于页面底部，距离页面底部 60px，无论上面的内容是什么或者窗口的大小是多少......工作正常。这是我正在使用的 CSS:

#container
{
    min-height: 100%;
    height: 100%;
    position: relative;
}
#footer
{
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 60px; /* Height of the footer */ 
}
#wrap
{
    min-height: 100%;
    max-height: 100%;
}

现在，问题是如果我正在调整窗口大小，容器将变为可滚动(容器内的所有控件都按预期滚动)，但页脚仍保持在距页面底部 60px 的位置，并最终与容器控件重叠。我希望页脚保留在底部，并且只有当我向下滚动到页面底部时才应该可见...希望我对这个问题很清楚!!!

有人可以帮忙吗!!!

Answer 1

@pronay sharma，您可能想要一个粘性页脚。

检查这些链接:

Sticky Footer CSS Problems

http://css-tricks.com/snippets/css/sticky-footer/

http://www.cssstickyfooter.com/

Problem with CSS Sticky Footer implementation