前端页面:
<div id="loading">
<!--这里放你的loading时显示的动画或者文字单独放置-->
</div>
样式设置:
html,body{
height:100%;
width:100%;
}
body{
overflow: hidden;
}
#loading{
width:100%;
height:100%;
color:#9f9f9f;
top:0px;
left:0px;
position:absolute; /* fixed */
z-index: 1999;/*用来显示在最前面*/
text-align: center;
}
/*这里是页面正常显示部分,全部设为display:none*/
.wrapper{
display: none;
}
JS控制加载
$(window).load(function(){
$('#loading').fadeOut();
$('body').css('overflow','scroll');
$('.wrapper').fadeIn();
});