0

この方法でスティッキー フッター スクリプトを編集しました。

<script type="text/javascript">
    function stickyFooter(){
            jQuery("#stickyFooter").css({position: "absolute",top:($(window).scrollTop()+$(window).height()-$("#stickyFooter").height())+"px"});
    }

    function myStickyFooter(){
            jQuery("#stickyFooter").css({position: "absolute"});
            jQuery("#stickyFooter").animate({
            top:($(window).scrollTop()+$(window).height()-$("#stickyFooter").height())+"px"
          }, 2000, function() {
          });
    }

    jQuery(function(){

        myStickyFooter();
        jQuery(window)
            .scroll(stickyFooter)
            .resize(stickyFooter);
    });
</script>

そのため、Firefox では問題なく動作します。Chrome や Ie では動作します。逆に: stickyFooter はページの上から下に表示されます。なんで?どうもありがとう!

4

1 に答える 1

2

これはすべてのブラウザで機能します。

解決:

window.height()スティッキーフッターの初期位置をに設定し、それをアニメーション化するには、余分な作業を行う必要があります。window.height()-($('#footer').height())

于 2012-10-04T18:51:13.460 に答える