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代码中的多余空格（我不知道如何在stackoverlow.com中放置HTML代码）。

部分停止的粘性页脚

1 个答案: