在加载所有页面内容之前，CSS动画都是错误的
在加载所有页面内容之前，CSS动画都是错误的
提问于 2015-10-29 19:51:38
我在一个相对广告重的网站上工作，需要3-7秒来完全加载(取决于一个页面上的广告数量和连接的速度)，我想添加一个CSS加载动画在顶部的一切，直到页面已完全加载。
唯一的问题是，在页面完全加载之前，动画是非常不稳定的，因此它几乎是不相关的。
我的意思的一个例子(不是我的网站)在这里http://smallenvelop.com/display-loading-icon-page-loads-completely/动画都是相当错误的，直到页面加载，在这时候他们开始平稳地动画。
有什么办法可以解决这个问题吗？
回答 1
Stack Overflow用户
发布于 2015-10-29 20:01:22
您可以让jQuery等待，直到页面加载完毕，淡出等待x毫秒。
将此div放入html中
<div class="loader"></div>然后在所有js的最后一行：
$(window).load(function() {
$(".loader").fadeOut(5000);
});在你的css中：
.loader {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url(../myloadinganimation.gif) center no-repeat #fff;页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/33413457
复制相关文章
相似问题
腾讯云开发者
