模態(tài)框系列
.fix{position: fixed; top:0; left:0;}
.body{overflow:hidden;height:100%}
顯示彈框
scrollTop = $(window).scrollTop();//獲取頁面的scrollTop；
$('body').addClass('fix body')；
$('.body').css('top',-scrollTop).attr('name',scrollTop);//讓頁面依舊保持在之前的那個高度
$('彈框').css({'height': document.body.scrollHeight+scrollTop}).fadeIn('slow');
$('html').css({'overflow':'hidden';'height':'100%'});

    /*點擊空白 隱藏*/
    $('彈框').click(function(e){
        var _con = $('彈框中的正文');   // 設(shè)置目標(biāo)區(qū)域
        if(!_con.is(e.target) && _con.has(e.target).length === 0){
            hideSku();//隱藏彈框
        }
    });      

隱藏彈框
$('body').removeClass('fix body')；
$(window).scrollTop($('body').attr('name'));//設(shè)置頁面滾動的高度，如果不設(shè)置，關(guān)閉彈出層時頁面會回到頂部。
$('彈框').fadeOut('slow');
$('html').removeClass('html').css('overflow','visible');

居中顯示
http://www.cnblogs.com/myzhibie/p/4392947.html