javascript - 强制页脚到页面底部

这个问题在这里已经有了答案:




9年前关闭。






我正在努力开发一个网络服务，但我遇到了一个问题，让网站页脚停留在页面的底部，它开始变得令人沮丧，因为我已经尝试了它们的每一个“粘性页脚”脚本，但似乎没有一个工作。

#footer {
background:#212121 url(../images/footer.jpg) repeat-x;
height:50px;
position:absolute;
width:100%;
overflow:hidden;
}

亲切的问候，
纳撒尼尔·布莱克本

最佳答案

我设计了这个简单的解决方案(在 Firefox 和 Chrome 中进行了测试)。首先在一个 javascript 文件中定义这个函数:

function footer() {
    if ($(window).height() > $('body').height())
        {
        var extra = $(window).height() - $('body').height();
        $('footer').css('margin-top', extra);
        }
    }

然后在文档准备好时使用 jQuery 简单地调用它。

关于javascript - 强制页脚到页面底部，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8146061/