模态框系列
.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');
