Javascript 粘性页脚始终位于屏幕底部（不是网页）

我使用添加页脚到我的网页。 它工作得很好

但是，我想知道如何调整代码，使页脚位于屏幕底部，而不是网页

例如，当它第一次加载到我屏幕的页脚时——但当我开始向下滚动时，它会自动调整并在页面底部锁定

我怎样才能把它放在屏幕的底部

我尝试过调整emaple的最后两行：

 $(window)
               .scroll(positionFooter)
               .resize(positionFooter)

但不要走得太远…

希望这对你有用

css

.fixed {
  position:fixed;
    bottom:0px;
    -webkit-backface-visibility:hidden;  

}

js

 var footerHeight = 0,
               footerTop = 0,
               $footer = $("footer");

           positionFooter();

           function positionFooter() {

                    footerHeight = $footer.height();
                    footerTop = ($(window).scrollTop()+$(window).height()-footerHeight)+"px";

                   if ( ($(document.body).height()+footerHeight) < $(window).height()) {
                       $footer.css({
                            position: "absolute"
                       }).animate({
                            top: footerTop
                       })
                   } else {
                       $footer.addClass('fixed');
                   }

           }

           $(window)
                   .scroll(positionFooter)
                   .resize(positionFooter)

var footerHeight=0，
页脚顶部=0，
$footer=$（“footer”）；
positionFooter（）；
函数positionFooter（）{
footerHeight=$footer.height（）；
footerTop=（$（窗口）.scrollTop（）+$（窗口）.height（）-footerHeight）+“px”；
if（$（document.body.height（）+footerHeight）<$（window.height（））{
$footer.css({
位置：“绝对”
}).制作动画({
顶部：页脚顶部
})
}否则{
$footer.addClass（'fixed'）；
}
}
$（窗口）
.滚动（位置页脚）
.调整大小（位置页脚）

另一种对我有效的方法是替换javascript中的行：

 position: "static"

与：

---

检查我的答案我想我被你的意思弄糊涂了-粘脚通常是指那些你不能滚动的页面，但你想在窗口底部放一些东西-你是在找像@JamesDaly这样的东西吗？这正是我要找的！请把你的css和js——或者只是这个jfiddle——放在一个答案中，这样我就可以接受了。js中的css.fixed和edited else语句完成了这一任务。非常感谢。

 position: "fixed"