(1) 这个只适用于桌面端
document.body.style.height='100%';
document.body.style.overflow='hidden';
(2)
// HTML
<div class="box"> <div class="box1"> </div> </div>
var box1 = $('.box1');
var body = document.body;
var scrolltop= 0;
body.addEventListener('click',function(){
// box1.className.indexOf('hidden')!=-1
if(box1.classList.contains('hidden')){
// 保存页面滚动到的位置
scrolltop = document.body.scrollTop;
body.style.height = '100%';
body.style.overflow='hidden';
document.documentElement.style.height='100%';
document.documentElement.style.overflow='hidden';
//显示弹出层
box1.className='box1 show';
} else {
//隐藏弹出层
box1.className='box1 hidden';
body.style.height='auto';
body.style.overflow='visible';
document.documentElement.style.height='auto';
document.documentElement.style.overflow='visible';
document.body.scrollTop = scrolltop;
}
},false);