0

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/

セクション ストップのある固定ヘッダーに似ていますが、今回はフッターです。事前にヒントをありがとう！

EDIT：それはちょっと動作しますが、最初の要素に対してのみです：

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

4

1 に答える 1

-1

あなたはcssだけを使ってそれをすることができます（私は常に下部のフッターdivを修正するためにこのコードを使用しました）

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

上記のコードに加えて、IE6cssの修正

.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コードを配置する方法がわかりません）。

于 2012-09-19T06:26:10.013 に答える