Javascript 需要帮助让我的页脚做我想做的事情吗

我使用了sticky footer jquery解决方案，使我的页脚始终位于页面底部。它起作用了。因此，当我在全屏模式下使用浏览器加载页面时，页脚位于底部，当我调整浏览器大小时，页脚不会移动并掩盖我想要的内容。但是，如果浏览器已以较小的分辨率调整大小，则会显示页脚并覆盖内容。我怎样才能阻止这种事情发生

jquery：

<script type="text/javascript">

---

我不是100%确定这是您想要的确切功能，但看起来您想要使用

position:“fixed”的组合；底部：0和通常的
位置：相对

试试这段代码，看看它是否符合您的期望。

编辑：修复了一个小错误，更好地考虑了页脚的高度。还增加了页脚的大小以演示这些更改
 那么，您使用的jQuery粘性页脚是什么？在没有任何代码的情况下，我们该如何解决这个问题呢？可能只是安静地重复，这真他妈的优雅。我绝对会为我自己的项目偷这个，非常感谢！
$(document).ready(function () {

    var docHeight = $(window).height();
    var footerHeight = $('#footer').height();
    var footerTop = $('#footer').position().top + footerHeight;

    if (footerTop < docHeight) {
        $('#footer').css('margin-top', 10 + (docHeight - footerTop) + 'px');
    }
});

// -->

#footer {
bottom:0;
background-color:#000000;
height: 130px;
width: 100%;
clear:both;
}