javascript - 带有部分停止的粘性页脚

Question

我正在尝试固定页脚，直到使用ScrollToFixed插件在页面上看不到文章的整个正文。但它似乎没有粘住正确的元素：

$(function(){
    var collection = $('header');
    var offset = 0;
    $.each(collection, function(index, marker) {
        offset += $(marker).parent().offset().top;
        console.log(offset);
        $(marker).scrollToFixed({
            limit: offset,
            bottom: 0
        });
    });
});

http://jsfiddle.net/C8953/1/

它更像是带有部分停止的粘性标题，但这次是页脚。提前感谢您的任何提示！

编辑：它现在有点用，但只适用于第一个元素：

http://jsfiddle.net/C8953/2/

Answer 1

您可以仅使用 css 来完成（我一直使用此代码来修复底部的页脚 div）

< div class="footer" >< / div >
.footer{
    height: 20px;
    position: fixed;
    bottom: 0px;
}

除了上述代码之外，IE 6 css 修复

.footer{
    position:absolute;
    bottom:auto;
    top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}

请删除 div 代码中多余的空间（我不知道如何将 HTML 代码放在 stackoverlow.com 中）。