常见问题

模态框系列
.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 = $('弹框中的正文');   // 设置目标区域
        if(!_con.is(e.target) && _con.has(e.target).length === 0){
            hideSku();//隐藏弹框
        }
    });      

隐藏弹框
$('body').removeClass('fix body')；
$(window).scrollTop($('body').attr('name'));//设置页面滚动的高度，如果不设置，关闭弹出层时页面会回到顶部。
$('弹框').fadeOut('slow');
$('html').removeClass('html').css('overflow','visible');

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