Javascript 在页脚上粘贴div元素

我试图使一个div粘在窗口滚动条的页脚上。我的代码几乎正确，但无法找出缺少的内容

函数checkOffset（）{
var eTop=$（'#footer'）.offset（）.top；
var chatTop=$（'#chatArea'）.offset（）.top+$（'#chat'）.innerHeight（）；
var zero=（$（窗口）.innerHeight（）+$（窗口）.scrollTop（））；
var posFooter=eTop-零；
var posChat=chatTop-zero；
if（posChat>=posFooter-2）{
$（'#chatArea'）.css（'bottom'，-posFooter）；
}否则{
$（'#chatArea'）.css（'bottom'，0）；
}
console.log（posFooter）；
}
$（文档）。滚动（函数（）{
checkOffset（）；
});
#包装器{
高度：540px；
背景色：#ffffff；
}
#聊天区{
宽度：100%；
位置：固定；
底部：0；
填充：10px；
边框：1px纯红；
}
#页脚{
背景色：#000000；
颜色：#ffffff；
填充：20px；
边框顶部：2个实心#007cdc；
}

...
我猜你错过了一个Id名
#chatArea
刚刚想出了如何实现这一点

JS功能：

function checkOffset() {
    var eTop = $('#footer').offset().top;
    var zero = ($(window).innerHeight()+$(window).scrollTop());
    var posFooter = eTop - zero;

    if(posFooter <= 0) {
        $('#chatArea').css('bottom', -posFooter);
    }
    else {
        $('#chatArea').css('bottom', 0);
    }
}

函数checkOffset（）{
var eTop=$（'#footer'）.offset（）.top；
var zero=（$（窗口）.innerHeight（）+$（窗口）.scrollTop（））；
var posFooter=eTop-零；
如果（posFooter为什么不在页脚上使用
position:fixed；bottom:0；
？这会使页脚在窗口中始终可见吗？该页面将具有滚动，并且不希望页脚始终位于windowtks的底部=）这几乎是完美的，但当我向上滚动时，div应该一直粘在页脚上，直到页脚消失，然后有一刻你会看到它出现在屏幕底部。如果你能帮我，我会很感激=）无论如何，tks再次出现。@eskimopest你将这标记为正确答案，但你的评论听起来像是这样蒂尔是不对的。哪一个是？@henry其中一个问题被阿布舍克·潘迪纠正了。这就是为什么我把它标记为正确的。如果我不应该标记它，我很抱歉。我应该删除它吗？我还在“发现”如何工作…无论如何，我来这里发布我解决了问题。=）我应该用正确的代码更新我的问题吗？哦，我不是说你做错了：）我只是不确定发生了什么。如果你自己解决了代码，你可以做的一件事就是写一个答案（在本页底部），然后将其标记为“接受”（所以我会告诉你先取消勾选这个）。这样，如果其他人也有同样的问题，并且发现了这个问题，他们可以按照有绿色复选标记的答案来回答。但是def-no-harm-dom-waytks=）正如我说的，我在这里是“新的”，并且仍然在解决这个问题。我会这样做的。