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

我有一个页脚，有几个按钮，它位于页面底部，与页面底部的高度为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%;
}

现在的问题是，如果我调整窗口的大小，容器将变为可滚动的（容器内的所有控件按预期滚动），但页脚仍然保持在距页面底部60像素的位置，并最终与容器控件重叠。我希望页脚保持在底部，只有当我向下滚动到页面底部时才可见…希望我清楚这个问题

---

有人能帮忙吗

@pronay sharma，也许你想要一个粘脚

检查以下链接：