首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >简单的预加载器HTML/CSS/jQuery不能在iphone chrome上运行

简单的预加载器HTML/CSS/jQuery不能在iphone chrome上运行
EN

Stack Overflow用户
提问于 2018-07-21 23:08:27
回答 1查看 58关注 0票数 0

我的(我以为)简单的预加载器有问题。似乎在我检查过的所有地方都能正常工作,除了iPhone5 Chrome。预加载器出现,但永远不会淡出...感谢您的帮助

HTML:

代码语言:javascript
复制
<div id="preloader">
    <div class="item item-1"></div>
    <div class="item item-2"></div>
    <div class="item item-3"></div>
    <div class="item item-4"></div>
</div>

CSS

代码语言:javascript
复制
#preloader {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: auto;
  z-index: 999;
  background: red;
  border: solid 3000px white;
}

.item {
  width: 30px;
  height: 30px;
  position: absolute;
  border-radius: 2px;
}

(加上这里没有包含的一些关键帧)

脚本:

代码语言:javascript
复制
$(window).on('load', function() {
  $('#preloader').delay(250).fadeOut();
})

Codepen:https://codepen.io/anon/pen/MBJGMM

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51457320

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档