模態(tài)框系列
.fix{position: fixed; top:0; left:0;}
.body{overflow:hidden;height:100%}
顯示彈框
scrollTop = $(window).scrollTop();//獲取頁(yè)面的scrollTop拧廊;
$('body').addClass('fix body')县耽;
$('.body').css('top',-scrollTop).attr('name',scrollTop);//讓頁(yè)面依舊保持在之前的那個(gè)高度
$('彈框').css({'height': document.body.scrollHeight+scrollTop}).fadeIn('slow');
$('html').css({'overflow':'hidden';'height':'100%'});
/*點(diǎn)擊空白 隱藏*/
$('彈框').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è)置頁(yè)面滾動(dòng)的高度赃阀,如果不設(shè)置,關(guān)閉彈出層時(shí)頁(yè)面會(huì)回到頂部。
$('彈框').fadeOut('slow');
$('html').removeClass('html').css('overflow','visible');