我正在使用jquery + wow + animate来显示页面上出现的div动画。 一切正常，除了我的页面加载不顺畅。应该首先显示平滑的Div显示在页面加载上，然后隐藏，然后在它们之后显示动画。
请检查www.pester.rs，你可以看到问题，我已经尝试了一切，但没有任何作用。
答案 0 :(得分：2)
这将是加载订单问题 - 首先，浏览器下载文档并显示它。稍后当它加载整个javascript时，它会隐藏内容以提供漂亮的动画。所以我认为它也受到互联网连接速度的影响。
解决方案1 ： 使用css隐藏内容，以便立即加载为隐藏
缺点：如果javascript崩溃，内容将保持隐藏状态
解决方案2 ： 将此代码放在正文的末尾，但在加载任何其他脚本之前（在任何其他脚本标记之前）
var wows = document.getElementsByClassName('wow')
for (i = 0; i < wows.length; i++){
wows[i].style.visibility ='hidden';
}
它将在页面加载后立即执行，甚至在jquery之前，它应该足够快。
解决方案3 ： 使用立即插入的css文件到那里建议的文档的头部 http://robertnyman.com/2008/05/13/how-to-hide-and-show-initial-content-depending-on-whether-javascript-support-is-available/
答案 1 :(得分：0)
您必须使用CSS隐藏这些div，以防止闪烁。
答案 2 :(得分：0)
我用它来隐藏对象
<div class="object-non-visible wow fadeInUp">
用这个css
.object-non-visible {
opacity: 0;
filter: alpha(opacity=0);
}