前端頁面：

<div id="loading">
  <!--這里放你的loading時顯示的動畫或者文字單獨放置-->
</div>

　　

樣式設置：

html,body{
     height:100%;
     100%;
}
body{
       overflow: hidden;
}
#loading{           
     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(); 
});

　　

總結

以上是生活随笔為你收集整理的设置Loding延迟加载页面的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。