自動垂直中心js

2217 ワード

var _htmlheight;

function start(){    

    _htmlheight=document.body.scrollHeight;

    resize();

    /*$("#copyright").css({(left:$(window).width()-1000)/2+"px"});

    $("#content").css({height:$(window).height()-59-208+"px"});

    $(".inner_content").css({top:_top+"px"});

    $(window).bind('resize',function(){

    _top=($(window).height()-59-208)/2>208?($(window).height()-59-208)/2:208;

        $("#copyright").css({(left:$(window).width()-1000)/2+"px"});

        $("#content").css({height:$(window).height()+$(window).scrollTop()-59+"px"});

        $(".inner_content").css({top:_top+"px"});

    });

    $(window).bind('scroll',function(){

        $("#content").css({height:$(window).height()-208+"px"});

    });*/

    $(window).bind('resize',function(){

        resize();

    });

}

function resize(){

    var _newHeight=$(window).height()-59<_htmlheight?_htmlheight:$(window).height()-59;

    $("#content").css({height:_newHeight-208+59+"px"});

    var _contentHeight=(_newHeight-208+59-50)/2<30?30:(_newHeight-208+59-50)/2;

    $(".inner_content").css({top:_contentHeight+"px"});

    document.getElementById("copyright").style.left=($(window).width()-1000)/2+"px";

}

コメントのない部分はIE 6や7以外のブラウザにも有効です.IE 6と7を解決するためには固定高さしか書けません.さもなくば最小の高さは無効で、深く研究する暇がなくて、先にMARK.