首页 > 解决方案 > 网页卡在某些设备的 HTML 加载器中

问题描述

我是“HTML 加载器”的新手。所以我已经在我的网页上实现了一个 HTML 加载器,并且对于某些设备它工作正常。但是在某些移动设备(不是全部)中,页面卡在加载器上。正如我所说,我对“HTML 加载器”这个东西很陌生,我只是复制并粘贴了加载器的代码。这是代码。我需要在哪里修改什么来解决这个设备/浏览器依赖问题?

$(window).load(function() {
  // Animate loader off screen
  $(".se-pre-con").fadeOut("slow");;
});
.no-js #loader { 
  display: none;  
}

.js #loader { 
  display: block; 
  position: absolute; 
  left: 100px; 
  top: 0; 
}

.se-pre-con {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(img/Preloader.gif) center no-repeat #fff;
}
my contents
<div class="se-pre-con"></div>
    
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.2/modernizr.js"></script>

标签: javascripthtmlcss

解决方案


推荐阅读